jQuery offset() 方法
示例
返回 <p> 元素的偏移坐标
$("button").click(function(){
var x = $("p").offset();
alert("Top: " + x.top + " Left: " + x.left);
});
亲自试一试 »
定义和用法
offset() 方法设置或返回所选元素相对于文档的偏移坐标。
当用于返回偏移量时
此方法返回第一个匹配元素的偏移坐标。它返回一个包含两个属性的对象;以像素为单位的顶部和左侧位置。
当用于设置偏移量时
此方法设置所有匹配元素的偏移坐标。
语法
返回偏移坐标
$(选择器).offset()
设置偏移坐标
$(选择器).offset({top:值,left:值})
使用函数设置偏移坐标
$(选择器).offset(function(索引,当前偏移量))
参数 | 描述 |
---|---|
{top:值,left:值} | 设置偏移量时必需。以像素为单位指定顶部和左侧坐标。 可能的值
|
function(索引,当前偏移量) | 可选。指定一个返回包含顶部和左侧坐标的对象的函数
|
亲自试一试 - 示例
设置偏移坐标
如何设置元素的偏移坐标。
使用函数设置偏移坐标
使用函数设置元素的偏移坐标。
使用对象设置元素的偏移坐标
如何使用新对象设置元素的偏移坐标。
使用另一个元素的偏移坐标设置元素的偏移坐标
如何使用现有元素的偏移坐标设置元素的偏移坐标。