最新的Web开发教程
 

jQuery offset() Method

<jQuery的HTML / CSS方法

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

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

定义和用法

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

当用于返回所述偏移:
此方法返回的第一个匹配元素的偏移坐标。 它返回2属性的对象; 在像素的顶部和左侧位置。

当用于设置偏移:
此方法设置所有匹配元素的偏移坐标。


句法

返回偏移坐标:

$(selector).offset()

设置偏移坐标:

$(selector).offset({top:value,left:value})

使用函数设置偏移坐标:

$(selector).offset(function(index,currentoffset))

参数 描述
{top:value,left:value} 当设置偏移必需。 指定像素的顶部和左侧坐标。

可能的值:
  • 名称/值对,就像{top:100,left:100}
  • 与顶部和左侧属性的对象( 例如
function(index,currentoffset) 可选的。 指定返回包含顶部和左侧坐标的对象的函数
  • index -返回集合中的元素的索引位置
  • currentoffset -返回所选元素的当前坐标

试一试 - 示例

设置偏移坐标
如何设置一个元件的偏移坐标。

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

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

使用其他元素的偏移坐标设置偏移坐标为元素
如何设置使用现有元素的偏移COORDS为元素的偏移COORDS。


<jQuery的HTML / CSS方法