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實(shí)現(xiàn)WordPress中@的ID懸浮顯示評(píng)論內(nèi)容
這篇文章主要介紹了使用JavaScript實(shí)現(xiàn)WordPress中ID懸浮顯示評(píng)論的功能,就是在樓中樓式的評(píng)論中顯示被評(píng)論的主體內(nèi)容,需要的朋友可以參考下2015-12-12
下面小編就為大家?guī)硪黄猨Query向父輩遍歷的簡(jiǎn)單方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
jQuery簡(jiǎn)單實(shí)現(xiàn)上下,左右滑動(dòng)的方法
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)上下,左右滑動(dòng)的方法,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2016-06-06
jQuery EasyUI 對(duì)話框(Dialog)用法與EasyUI的窗口用法極為相似，最終的效果圖也只與窗口的效果圖差幾個(gè)按鈕2010-10-10
jQuery 3.0 在6月9日正式發(fā)布了，3.0 也被稱為下一代的 jQuery。這篇文章主要介紹了jQuery 3.0中的Data,包括Data在jQuery內(nèi)部的使用和1.x.x 和 2.x.x 的比較的相關(guān)內(nèi)容，需要的朋友可以參考下2016-06-06
最近在寫一個(gè)首頁(yè)返回頂部的效果，因?yàn)镮E6不兼容position:fixed的原因，一直找不到好的解決辦法。在Google了一下，有了點(diǎn)眉目，加上一點(diǎn)自己的開發(fā)，總算誤打誤撞的把問題解決了。2011-01-01
這篇文章主要介紹了JQuery鼠標(biāo)移到小圖顯示大圖效果的方法,涉及jQuery鼠標(biāo)事件與圖形操作技巧,需要的朋友可以參考下2015-06-06
jQuery Form 表單提交插件之formSerialize，fieldSerialize，fieldValue，r
這篇文章主要介紹了jQuery Form 表單提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的應(yīng)用的相關(guān)資料,需要的朋友可以參考下2016-01-01
JQuery控制div外點(diǎn)擊隱藏而div內(nèi)點(diǎn)擊不會(huì)隱藏的方法
這篇文章主要介紹了JQuery控制div外點(diǎn)擊隱藏而div內(nèi)點(diǎn)擊不會(huì)隱藏的方法,涉及show、hide及stopPropagation等方法的使用技巧,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)式淘寶動(dòng)畫效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)響應(yīng)式淘寶動(dòng)畫效果,涉及jQuery事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2018-02-02