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