jquery获取当前元素的位置，并且是相对于文档的位置。我们可以使用jQuery offset()方法来实现。offset()方法仅适用于可见元素。
下面我们结合简单的代码，给大家介绍jquery获取当前元素的位置的方法。
代码示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jquery获取当前元素的位置</title>
<style type="text/css">
*{
margin：0;
padding:0;
}
#box{
width:150px;
height:100px;
background: orange;
margin: 150px 100px;
}
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript">
$(function() {
$("button").click(function(){
var offset = $("#box").offset();
alert("盒子的当前位置为: (left: " + offset.left + ", top: " + offset.top + ")");
});
});
</script>
</head>
<body>
<button type="button">获取位置</button>
</body>
</html>offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。
该.offset()方法允许我们检索相对于文档的元素的当前位置（特别是其边界框，其排除边距）。与此对比.position()，它检索相对于偏移父项的当前位置。将新元素放置在现有元素之上进行全局操作（特别是实现拖放）时.offset()更有用。
.offset()返回包含属性top和的对象left。
获取当前元素的位置，结果如下：
本篇文章就是关于jquery获取当前元素的位置的方法介绍，也很简单，希望对需要的朋友有所帮助！
Atas ialah kandungan terperinci jquery如何获取当前元素的位置. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Bagaimana untuk menyediakan hibernasi dalam sistem Win7
Bagaimana untuk menyediakan memori maya
Pendaftaran ChatGPT
Penggunaan kelas kalendar dalam java
Apakah itu Bitcoin? Adakah ia satu penipuan?
Windows 11 pemindahan komputer saya ke tutorial desktop
Bagaimana untuk mengoptimumkan prestasi Tomcat
penggunaan fungsi pemformat
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
