jquery獲取html元素的絕對位置和相對位置的方法
更新時(shí)間：2014年06月20日 00:09:08 投稿：mdxy-dxy
這篇文章主要介紹了jquery獲取html元素的絕對位置和相對位置的方法,需要的朋友可以參考下
絕對位置坐標(biāo)：
復(fù)制代碼 代碼如下:
$("#elem").offset().top
$("#elem").offset().left
相對父元素的位置坐標(biāo)：
復(fù)制代碼 代碼如下:
$("#elem").position().top
$("#elem").position().left
另：
static(默認(rèn)):默認(rèn)定位方式。
relative(相對定位):在static的基礎(chǔ)上，相對元素本來的位置變化，通過設(shè)定top,bottom,left,right實(shí)現(xiàn)。
absolute(絕對定位):是相對父元素來說的，如果父元素中有relative，那么該元素的位置是經(jīng)過計(jì)算后的結(jié)果。即absolute定位的參照物是“上一個(gè)定位過的父元素(static不算)”。絕對定位會(huì)使元素從文檔流中被刪除。
fixed(固定定位):fixed定位的參照物總是當(dāng)前的文檔。利用fixed定位，很容易讓一個(gè)div定位在瀏覽器文檔的左上，右上等方位。
您可能感興趣的文章:
- jquery中獲得元素尺寸和坐標(biāo)的方法整理
- JQuery拖拽元素改變大小尺寸實(shí)現(xiàn)代碼
- JQuery獲取元素文檔大小、偏移和位置和滾動(dòng)條位置的方法集合
- JS和JQUERY獲取頁面大小,滾動(dòng)條位置,元素位置(示例代碼)
- JavaScript與JQUERY獲取元素的寬、高和位置
- jQuery獲得頁面元素的絕對/相對位置即絕對X,Y坐標(biāo)
- jQuery scroll事件實(shí)現(xiàn)監(jiān)控滾動(dòng)條分頁示例
- jquery 滾動(dòng)條事件簡單實(shí)例
- jQuery響應(yīng)滾動(dòng)條事件功能示例
- JQuery獲取元素尺寸、位置及頁面滾動(dòng)事件應(yīng)用示例
相關(guān)文章
jQuery實(shí)現(xiàn)ajax無刷新分頁頁碼控件
這篇文章主要介紹了jQuery實(shí)現(xiàn)ajax無刷新分頁頁碼控件,需要的朋友可以參考下2017-02-02
jquery滾動(dòng)條插件jScrollPane的使用介紹
jScrollPane想必大家都不陌生吧它就是所謂的jquery滾動(dòng)條插件，下面為大家介紹下其具體的使用，感興趣的朋友不要錯(cuò)過2013-11-11
遍歷每一行的同時(shí)一定要記住這里是gridviewrow不是datarow，找到這個(gè)選中項(xiàng)在執(zhí)行刪除2013-04-04
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)九宮格拼圖小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
jQuery position() 函數(shù)詳解以及jQuery中position函數(shù)的應(yīng)用
position()函數(shù)用于返回當(dāng)前匹配元素相對于其被定位的祖輩元素的偏移，也就是相對于被定位的祖輩元素的坐標(biāo)。該函數(shù)只對可見元素有效，通過本文給大家介紹jQuery position() 函數(shù)詳解以及jQuery中position函數(shù)的應(yīng)用，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
jQuery實(shí)現(xiàn)類似淘寶網(wǎng)圖片放大效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)類似淘寶網(wǎng)圖片放大效果的方法,實(shí)例分析了jquery實(shí)現(xiàn)圖片放大效果的方法,涉及jquery操作鼠標(biāo)事件及頁面元素屬性修改的相關(guān)技巧,需要的朋友可以參考下2015-07-07
獲取select的value、text值的簡單示例（jquery與javascript）
本篇文章主要分享了獲取select的value、text值的簡單示例代碼，代碼簡潔明了，有需要的朋友可以參考下2016-12-12
jquery點(diǎn)擊回車鍵實(shí)現(xiàn)登錄效果并默認(rèn)焦點(diǎn)的方法
下面小編就為大家分享一篇jquery點(diǎn)擊回車鍵實(shí)現(xiàn)登錄效果并默認(rèn)焦點(diǎn)的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
jquery處理checkbox（復(fù)選框）是否被選中實(shí)例代碼
這篇文章主要介紹了jquery處理checkbox（復(fù)選框）是否被選中實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-06-06
jQuery確實(shí)是一個(gè)挺好的輕量級的JS框架，能幫助我們快速的開發(fā)JS應(yīng)用，并在一定程度上改變了我們寫JavaScript代碼的習(xí)慣。2011-04-04