菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

jQuery offset() 方法

❮ jQuery HTML/CSS 方法

示例

返回 <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 坐标。

可能的值
  • 名称/值对,例如 {top:100,left:100}
  • 一个包含 top 和 left 属性的对象 (示例)
function(index,currentoffset) 可选。指定一个返回包含 top 和 left 坐标的对象。
  • index - 返回元素在集合中的索引位置
  • currentoffset - 返回所选元素的当前坐标

亲手尝试 - 示例

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

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

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

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


❮ jQuery HTML/CSS 方法

×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持