jQuery中position()方法用法實例_jquery

本文實例講述了jQuery中position()方法用法。分享給大家供大家參考。具體分析如下：

此方法取得匹配元素相對某些元素的偏移量。
傳回的物件包含兩個整數屬性（top和left）的物件。
此方法只對可見元素有效。
語法結構:

複製程式碼 程式碼如下:

$(selector).position()

$(selector).position()

在教學的開頭之所以說是取得匹配元素相對於某些元素的偏移。很多教程都說方法返回的偏移量是相對於父元素，其實並非完全如此，此方法會將匹配元素以絕對定位方式處理，當然並不是說真的將匹配元素設置為絕對定位。方法的偏移參考原則如下:

1.如果父輩元素中沒有採用定位的（position屬性值為relative、absolute或fixed），那麼偏移量參考物件為視窗。 2.如果父輩元素中有採用定位的，那麼偏移量的參考對象為距離它最近的採用定位的元素.

實例碼:

複製程式碼

程式碼如下:

 

 

在上述程式碼中頂部組合，由於父元素採用的是相對定位，那麼所獲得的偏移量就是相對於父元素的。在底部的組合中，由於父元素沒有採用定位，那麼偏移量參考物件就是視窗。

希望本文所述對大家的jQuery程式設計有所幫助。 本文轉自：螞蟻部落http://www.softwhy.com/