在jQuery中，有一個非常常用的方法叫做offset()，用來獲取元素的位置信息。
offset()方法返回一個對象，包含了元素相對于文檔左上角的位置，其中包括left和top兩個屬性。
特別的，我們今天要了解的是offset().left屬性，也就是元素相對于文檔左邊緣的距離，以像素為單位。
下面是一個示例代碼，演示如何使用offset().left方法獲取元素的左邊緣距離文檔左邊緣的距離：
<!DOCTYPE html>
<html>
<head>
<title>獲取元素左邊緣距離文檔左邊緣的距離</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="myDiv">Hello World!</div>
<script>
$(document).ready(function () {
var leftPos = $("#myDiv").offset().left;
console.log("元素左邊緣距離文檔左邊緣的距離：" + leftPos + "px");
});
</script>
</body>
</html>上述代碼中，我們先創(chuàng)建了一個
元素，并為其設置了一個id屬性。然后，在JavaScript代碼中，我們在
ready()函數(shù)中獲取了該元素的左邊緣距離文檔左邊緣的距離，并在控制臺中輸出。如果在控制臺中看到了輸出，那么說明我們成功地獲取了元素的左邊緣距離文檔左邊緣的距離。在實際開發(fā)中，這個值可以幫助我們計算元素的位置、大小等信息，為頁面布局、動畫效果等提供支持。