jQuery CSS 操作 offset() 方法
jQuery CSS 操作 offset() 方法
jQuery 參考手冊 CSS 操作offset() 方法返回或設(shè)置匹配元素相對于文檔的偏移（位置）。
1. 返回偏移坐標(biāo)
返回第一個匹配元素的偏移坐標(biāo)。
該方法返回的對象包含兩個整型屬性：top 和 left，以像素計。此方法只對可見元素有效。
語法
$(selector).offset()
2. 設(shè)置偏移坐標(biāo)
設(shè)置所有匹配元素的偏移坐標(biāo)。
語法
$(selector).offset(value)
| 參數(shù) | 描述 |
|---|---|
| value |
必需。規(guī)定以像素計的 top 和 left 坐標(biāo)。 可能的值：
|
3. 使用函數(shù)來設(shè)置偏移坐標(biāo)
使用函數(shù)來設(shè)置所有匹配元素的偏移坐標(biāo)。
語法
$(selector).offset(function(index,oldoffset))
| 參數(shù) | 描述 |
|---|---|
| function(index,oldoffset) |
規(guī)定返回被選元素新偏移坐標(biāo)的函數(shù)。
|
4. 范例
獲得 <p> 元素當(dāng)前的偏移：
$(".btn1").click(function(){
x=$("p").offset();
$("#span1").text(x.left);
$("#span2").text(x.top);
});
5. - 范例
- 使用對象來為對象設(shè)置新的 offset 值
使用新對象中的坐標(biāo)來定位元素。 - 使用另一個元素的位置來為元素設(shè)置新的 offset 值
使用已有對象的位置來定位元素。
相關(guān)文章
- jQuery Callback 函數(shù)
- jQuery - Chaining
- jQuery 添加元素
- jQuery 獲取并設(shè)置 CSS 類
- jQuery css() 方法
- jQuery AJAX 簡介
- jQuery 參考手冊 事件
- jQuery 參考手冊 效果
- jQuery 參考手冊 CSS 操作
- jQuery 參考手冊 核心
- jQuery 參考手冊 屬性
- jQuery 事件 bind() 方法
- jQuery 事件 change() 方法
- jQuery 事件 delegate() 方法
- jQuery 事件 error() 方法
- jQuery 事件 focus() 方法
- jQuery 事件 keyup() 方法
- jQuery 事件 one() 方法
- jQuery 事件 unbind() 方法
- jQuery 事件 unload 屬性
學(xué)習(xí)JQuery