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

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

此方法傳回或設定所匹配元素相對於document物件的偏移量。

語法結構一:

複製程式碼 程式碼如下:

$(selector).offset()

$(selector).offset()

取得匹配元素在目前document的相對偏移。 傳回的物件包含兩個整數屬:top和left。 此方法只對可見元素有效。

實例碼:

複製程式碼

程式碼如下:

 

取得元素的座標

以上程式碼可以彈出子div相對於document的偏移量。

語法結構二:

複製程式碼

程式碼如下:$(selector).offset(value)

設定匹配元素相對於document物件的座標。
offset()方法可以讓我們重新設定元素的位置。這個元素的位置是相對於document物件的。
如果物件原先的position樣式屬性是static的話，會被改成relative來實現重定位。

參數列表:

参数	描述
value	规定以像素计的 top 和 left 坐标。 可能的值： 1.值对，比如 {top:200,left:10}。 2.带有top和left 属性的对象。

實例碼:

複製程式碼程式碼如下：

點選設定偏移量
身體>

以上程式碼可以設定div相對於document的偏移量。

語法結構三:

使用函數的回傳值來設定偏移座標：

複製程式碼如下程式碼：

$(selector).offset(function(index,oldoffset))

$(selector).offset(function(index,oldoffset))

參數列表：

参数	描述
function(index,oldvalue)	规定返回被选元素新偏移坐标的函数： index - 可选。元素的索引。 oldvalue - 可选。当前坐标。

實例碼:

複製程式碼程式碼如下：

點選設定偏移量
身體>

以上程式碼同樣可以設定元素的偏移，只不過值是透過函數傳回。

希望本文對大家介紹的 jQuery 程式設計有所幫助。