jQuery CSS 操作 - offset() 方法
實(shí)例
獲得 <p> 元素當(dāng)前的偏移：
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
定義和用法
offset() 方法返回或設(shè)置匹配元素相對(duì)于文檔的偏移（位置）。
返回偏移坐標(biāo)
返回第一個(gè)匹配元素的偏移坐標(biāo)。
該方法返回的對(duì)象包含兩個(gè)整型屬性：top 和 left，以像素計(jì)。此方法只對(duì)可見(jiàn)元素有效。
語(yǔ)法
$(selector).offset()
設(shè)置偏移坐標(biāo)
設(shè)置所有匹配元素的偏移坐標(biāo)。
語(yǔ)法
$(selector).offset(value)
| 參數(shù) | 描述 |
|---|---|
| value |
必需。規(guī)定以像素計(jì)的 top 和 left 坐標(biāo)。 可能的值：
|
使用函數(shù)來(lái)設(shè)置偏移坐標(biāo)
使用函數(shù)來(lái)設(shè)置所有匹配元素的偏移坐標(biāo)。
語(yǔ)法
$(selector).offset(function(index,oldoffset))
| 參數(shù) | 描述 |
|---|---|
| function(index,oldoffset) |
規(guī)定返回被選元素新偏移坐標(biāo)的函數(shù)。
|
親自試一試 - 實(shí)例
- 使用對(duì)象來(lái)為對(duì)象設(shè)置新的 offset 值
- 使用新對(duì)象中的坐標(biāo)來(lái)定位元素。
- 使用另一個(gè)元素的位置來(lái)為元素設(shè)置新的 offset 值
- 使用已有對(duì)象的位置來(lái)定位元素。