jquery获取元素位置(position和offset)
在jQuery中,可以使用position()
方法来获取匹配元素相对于父元素的位置,而offset()
方法用来获取匹配元素在当前视口的位置。
以下是获取元素位置的示例代码:
HTML:
<div id="parent" style="position: relative;">
<div id="child" style="width: 100px; height: 100px;"></div>
</div>
JavaScript (使用jQuery):
$(document).ready(function() {
var position = $('#child').position();
console.log("Child position:", position); // 相对于直接父元素的位置
var offset = $('#child').offset();
console.log("Child offset:", offset); // 相对于页面的位置
});
在上述代码中,position
对象包含两个属性:top
和left
,分别表示元素顶部和左边缘相对于父元素的偏移量。offset
对象包含两个属性:top
和left
,分别表示元素顶部和左边缘相对于页面的偏移量。
评论已关闭