jQuery是一種流行的JavaScript庫，它可以使開發人員更輕松地操作和處理HTML文檔和DOM元素。在這篇文章中，我們將學習如何使用jQuery遍歷頁面上的每個li元素，并獲取每個li元素的位置。

$(document).ready(function(){
$("li").each(function(){
var position = $(this).position();
console.log("left: " + position.left + ", top: " + position.top);
});
});

首先，我們將在文檔準備就緒時運行我們的代碼，以確保所有頁面元素都已加載。然后，我們使用jQuery的each函數遍歷每個li元素。在每個迭代中，我們將使用jQuery的position函數獲取元素的位置，并將其存儲在position對象中。最后，我們將使用console.log函數記錄元素的位置。

在上述代碼塊中，我們使用了pre標簽來確保代碼格式正確，并使其更易于閱讀。pre標簽可以保留代碼中的所有空格和縮進，并將其呈現為固定寬度的文本塊。

通過使用jQuery遍歷頁面上的每個li元素，并獲取其位置，我們可以更輕松地開發交互式Web應用程序，以及響應用戶的交互。