jQuery CSS 操作 - offset() 方法

jQuery CSS 操作參考手冊

實例

獲得 <p> 元素當前的偏移：

$(".btn1").click(function(){
  x=$("p").offset();
  $("#span1").text(x.left);
  $("#span2").text(x.top);
});

親自試一試

定義和用法

offset() 方法返回或設置匹配元素相對于文檔的偏移（位置）。

返回偏移坐標

返回第一個匹配元素的偏移坐標。

該方法返回的對象包含兩個整型屬性：top 和 left，以像素計。此方法只對可見元素有效。

語法

$(selector).offset()

親自試一試

設置偏移坐標

設置所有匹配元素的偏移坐標。

語法

$(selector).offset(value)
參數 描述
value

必需。規定以像素計的 top 和 left 坐標。

可能的值：

  • 值對，比如 {top:100,left:0}
  • 帶有 top 和 left 屬性的對象

親自試一試

使用函數來設置偏移坐標

使用函數來設置所有匹配元素的偏移坐標。

語法

$(selector).offset(function(index,oldoffset))
參數 描述
function(index,oldoffset)

規定返回被選元素新偏移坐標的函數。

  • index - 可選。接受選擇器的 index 位置
  • oldvalue - 可選。接受選擇器的當前坐標。

親自試一試

更多實例

使用對象來為對象設置新的 offset 值
使用新對象中的坐標來定位元素。
使用另一個元素的位置來為元素設置新的 offset 值
使用已有對象的位置來定位元素。

jQuery CSS 操作參考手冊