jQuery CSS 操作 offset() 方法
jQuery 參考手冊 CSS 操作
offset() 方法返回或設(shè)置匹配元素相對于文檔的偏移(位置)。
1. 返回偏移坐標(biāo)
返回第一個匹配元素的偏移坐標(biāo)。
該方法返回的對象包含兩個整型屬性:top 和 left,以像素計(jì)。此方法只對可見元素有效。
語法
$(selector).offset()
2. 設(shè)置偏移坐標(biāo)
設(shè)置所有匹配元素的偏移坐標(biāo)。
語法
$(selector).offset(value)
參數(shù) |
描述 |
value |
必需。規(guī)定以像素計(jì)的 top 和 left 坐標(biāo)。
可能的值:
- 值對,比如 {top:100,left:0}
- 帶有 top 和 left 屬性的對象
|
3. 使用函數(shù)來設(shè)置偏移坐標(biāo)
使用函數(shù)來設(shè)置所有匹配元素的偏移坐標(biāo)。
語法
$(selector).offset(function(index,oldoffset))
參數(shù) |
描述 |
function(index,oldoffset) |
規(guī)定返回被選元素新偏移坐標(biāo)的函數(shù)。
- index - 可選。接受選擇器的 index 位置
- oldvalue - 可選。接受選擇器的當(dāng)前坐標(biāo)。
|
4. 范例
獲得 <p> 元素當(dāng)前的偏移:
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
5. - 范例
jQuery 參考手冊 CSS 操作