jquery的相對(duì)父元素和相對(duì)文檔定位示例代碼
更新時(shí)間：2013年08月02日 16:17:33 作者：
在開發(fā)jquery時(shí)候經(jīng)常需要用到定位,有相對(duì)父元素定位和相對(duì)文檔定位，本文為此總結(jié)下，有需要的朋友可以參考下
在開發(fā)jquery時(shí)候經(jīng)常需要用到定位，這里概括兩種定位：
1、相對(duì)父元素定位： $("#ele").position()，進(jìn)而得到 left = $("#ele").postion().left right = $("#ele").postion().right
2、相對(duì)文檔定位：$("#ele").offset(), 進(jìn)而得到 left = $("#ele").offset().left right = $("#ele").offset().right
1、相對(duì)父元素定位： $("#ele").position()，進(jìn)而得到 left = $("#ele").postion().left right = $("#ele").postion().right
2、相對(duì)文檔定位：$("#ele").offset(), 進(jìn)而得到 left = $("#ele").offset().left right = $("#ele").offset().right
您可能感興趣的文章:
相關(guān)文章
jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法
下面小編就為大家分享一篇jQuery動(dòng)態(tài)添加li標(biāo)簽并添加屬性和綁定事件方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-02-02
這篇文章主要介紹了jQuery圖片輪播滾動(dòng)切換特效，圖片輪播效果特別適合做產(chǎn)品展示，感興趣的小伙伴可以參考下。2015-09-09
jQuery ajax dataType值為text json探索分享
ajax dataType值為text json的使用是怎么樣的，在本文將為大家想你想介紹下，感興趣的朋友不要錯(cuò)過(guò)2013-09-09
推薦6款基于jQuery實(shí)現(xiàn)圖片效果插件
這里給大家匯總了一下個(gè)人比較常用的基于jQuery實(shí)現(xiàn)的圖片特效的插件，個(gè)人感覺(jué)非常不錯(cuò)，這里分享給大家2014-12-12
這篇文章主要介紹了Jquery中基本選擇器用法,以實(shí)例形式較為詳細(xì)的分析了jQuery中常見選擇器的使用方法,并備有較為詳細(xì)的備注說(shuō)明,需要的朋友可以參考下2015-05-05
jquery鍵盤事件使用介紹，需要的朋友可以參考下。2011-11-11
validate是一款很好的jq插件,提供了強(qiáng)大的驗(yàn)證功能，讓客戶端表單驗(yàn)證變得更簡(jiǎn)單，同時(shí)提供了大量的定制選項(xiàng)，滿足應(yīng)用程序各種需求。該插件捆綁了一套有用的驗(yàn)證方法，包括 URL 和電子郵件驗(yàn)證，同時(shí)提供了一個(gè)用來(lái)編寫用戶自定義方法的 API。2014-11-11
關(guān)于Jquery操作Cookie取值錯(cuò)誤的解決方法
使用JQuery操作cookie時(shí) 發(fā)生取的值不正確,結(jié)果發(fā)現(xiàn)cookie有四個(gè)不同的屬性，下面與大家分享下錯(cuò)誤的原因及解決方法2013-08-08
JQuery實(shí)現(xiàn)的文字列表一條一條向上滾動(dòng)的效果2013-11-11
jQuery+CSS實(shí)現(xiàn)簡(jiǎn)單切換菜單示例
這篇文章主要介紹了jQuery+CSS實(shí)現(xiàn)簡(jiǎn)單切換菜單的方法,涉及jQuery針對(duì)頁(yè)面元素的遍歷及樣式動(dòng)態(tài)變換相關(guān)技巧,需要的朋友可以參考下2016-07-07