jQuery offset()

介绍

offset()方法返回匹配元素相对于文档的偏移量。偏移量是一个包含两个属性top和left的对象。top和left属性返回元素相对于文档顶部和左侧的距离，单位为像素。

语法

$(selector).offset()

返回值

{ top: value, left: value }

参数

无

示例

// 获取元素相对于文档的偏移量
var offset = $('#my-element').offset();
console.log(offset.top); // 100
console.log(offset.left); // 200

// 设置元素相对于文档的位置
$('#my-element').offset({ top: 150, left: 250 });

备注

• offset()方法只能获取第一个匹配元素的偏移量。如果需要获取所有匹配元素的偏移量，请使用each()方法遍历所有元素。
• offset()方法获取的偏移量是包含了元素外边框的边界距离，而不是内边框或内容区域。
• 如果需要获取一个元素相对于其父元素的偏移量，请使用position()方法。

参考链接

• jQuery offset()方法 - jQuery API 中文文档
• jQuery position()方法 - jQuery API 中文文档