jQuery offset() 方法
jQuery offset() 方法设置或返回被选元素相对于文档的偏移坐标
-
当用于返回偏移时:
该方法返回第一个匹配元素的偏移坐标
它返回一个带有两个属性(以像素为单位的 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 坐标的对象的函数 index - 返回集合中元素的 index 位置 currentoffset - 返回被选元素的当前坐标 |
范例
下面的范例返回 <p> 元素的偏移坐标
$("button").click(function(){ var x=$("p").offset(); alert("Top: " + x.top + " Left: " + x.left); });
更多范例
-
如何设置元素的偏移坐标
-
使用函数设置元素的偏移坐标
-
如何使用新的对象为元素设置偏移坐标
-
如何使用另一个元素的偏移坐标为元素设置偏移坐标