jQuery offset() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

實例

返回 <p> 元素的偏移座標:

$("button").click(function(){ var x=$("p").offset(); alert("Top: " + x.top + " Left: " + x.left); });


定義和用法

offset() 方法設置或返回被選元素相對於文檔的偏移座標。

當用於返回偏移時:
該方法返回第一個匹配元素的偏移座標。它返回一個帶有兩個屬性(以像素為單位的 top 和 left 位置)的對象。

當用於設置偏移時:
該方法設置所有匹配元素的偏移座標。


語法

返回偏移座標:

$(selector).offset()

設置偏移座標:

$(selector).offset({top:value,left:value})

使用函數設置偏移座標:

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

參數 描述
{top:value,left:value} 當設置偏移時是必需的。規定以像素為單位的 top 和 left 座標。

可能的值:
  • 名/值對,比如 {top:100,left:100}
  • 一個帶有 top 和 left 的對象()
function(index,currentoffset) 可選。規定返回包含 top 和 left 座標的對象的函數。
  • index - 返回集合中元素的 index 位置。
  • currentoffset - 返回被選元素的當前座標。


實例

更多實例

設置偏移座標
如何設置元素的偏移座標。

使用函數設置偏移座標
使用函數設置元素的偏移座標。


如何使用新的對象為元素設置偏移座標。


如何使用另一個元素的偏移座標為元素設置偏移座標。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法