- 0133技术站
- 联系QQ：18840023
- QQ交流群
- 微信公众号
蹊下
更新时间：2019-02-25 17:44:01
jQuery offset() 方法
定义和用法
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 的对象（实例） |
| function(index,currentoffset) | 可选。规定返回包含 top 和 left 坐标的对象的函数。 index : 返回集合中元素的 index 位置。 currentoffset : 返回被选元素的当前坐标。 |
<script>
$(document).ready(function(){
$("button").click(function(){
var x=$("p").offset();
document.write("上: " + x.top + " 左: " + x.left);
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>返回p元素的偏移坐标</button>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册