實例
獲得 <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 - 可選。接受選擇器的當前坐標。
|
親自試一試