html怎么获取div的坐标,jquery如何获取当前元素的位置？

jquery如何获取当前元素的位置？下面本篇文章就来给大家介绍jquery获取当前元素位置的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

jquery获取当前元素的位置，并且是相对于文档的位置。我们可以使用jQuery offset()方法来实现。offset()方法仅适用于可见元素。

下面我们结合简单的代码，给大家介绍jquery获取当前元素的位置的方法。

代码示例如下：

jquery获取当前元素的位置

*{

margin：0;

padding:0;

}

#box{

width:150px;

height:100px;

background: orange;

margin: 150px 100px;

}

$(function() {

$("button").click(function(){

var offset = $("#box").offset();

alert("盒子的当前位置为: (left: " + offset.left + ", top: " + offset.top + ")");

});

});

获取位置

offset() 方法返回或设置匹配元素相对于文档的偏移(位置)。

该.offset()方法允许我们检索相对于文档的元素的当前位置(特别是其边界框，其排除边距)。与此对比.position()，它检索相对于偏移父项的当前位置。将新元素放置在现有元素之上进行全局操作(特别是实现拖放)时.offset()更有用。

.offset()返回包含属性top和的对象left。

获取当前元素的位置，结果如下：

更多jQuery相关技术文章，请访问 jQuery答疑 栏目进行学习！！