jQuery offset() 方法


jQuery offset() 方法


实例

返回 <p>元素的偏移坐标:

$("button").click(function(){ var x=$("p").offset(); alert("Top: " \+ x.top \+
" Left: " \+ x.left); });

试一试

定义和用法

offset() 方法设置或返回被选元素相对于文档的偏移坐标。

当用于返回偏移时:

该方法返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

当用于设置偏移时:

该方法设置所有匹配元素的偏移坐标。

语法

返回偏移坐标:

$( _selector_ ).offset()

设置偏移坐标:

$( _selector_ ).offset({top: _value_ ,left: _value_ })

使用函数设置偏移坐标:

$( _selector_ ).offset(function _(index,currentoffset)_ )
参数 描述
{top: _value_ ,left: _value_ } 当设置偏移时是必需的。规定以像素为单位的 top 和 left 坐标。 可能的值: * 名/值对,比如 {top:100,left:100} * 一个带有 top 和 left 的对象([实例](/try/jquery/tryjquery_css_offset_object))
function( _index,currentoffset_ ) 可选。规定返回包含 top 和 left 坐标的对象的函数。 * _index_ \- 返回集合中元素的 index 位置。 * _currentoffset_ \- 返回被选元素的当前坐标。

更多实例

设置偏移坐标
如何设置元素的偏移坐标。

使用函数设置偏移坐标
使用函数设置元素的偏移坐标。

使用对象为元素设置偏移坐标
如何使用新的对象为元素设置偏移坐标。

使用另一个元素的偏移坐标为元素设置偏移坐标
如何使用另一个元素的偏移坐标为元素设置偏移坐标。