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獲取當前元素的位置的方法介紹，也很簡單，希望對需要的朋友有所幫助！
