jQuery是一種非常強(qiáng)大的JavaScript庫，其中包括了眾多簡單易用的功能。其中一個(gè)非常常用的功能就是遍歷HTML元素，從中獲取某些數(shù)據(jù)，或者根據(jù)不同的屬性進(jìn)行篩選。在ul列表中，我們可以使用jQuery來遍歷li元素，獲取它們的屬性值，并進(jìn)行各種操作。

<ul>
<li data-name="apple">Apple</li>
<li data-name="banana">Banana</li>
<li data-name="orange">Orange</li>
<li data-name="grape">Grape</li>
</ul>
<script>
$('li').each(function() {
var fruitName = $(this).data('name');
if (fruitName === 'banana') {
$(this).addClass('highlight');
}
});
</script>

可以看到，我們首先定義了一個(gè)含有四個(gè)li元素的無序列表。每個(gè)li元素都有一個(gè)data-name屬性，表示水果的名稱。我們使用jQuery的each函數(shù)來遍歷所有的li元素，然后獲取它們的data-name屬性值。如果屬性值等于“banana”，那么我們就為這個(gè)li元素添加一個(gè)CSS類名highlight。

這是一個(gè)非常簡單的例子，但是展示了使用jQuery遍歷HTML元素的基礎(chǔ)知識(shí)。通過遍歷HTML元素，我們可以輕松地獲取屬性值，進(jìn)行篩選和操作。這對于編寫交互性強(qiáng)的網(wǎng)頁非常有幫助，因?yàn)樗梢栽试S我們根據(jù)用戶輸入或其他條件，動(dòng)態(tài)地改變某些元素的狀態(tài)，以及執(zhí)行相應(yīng)的動(dòng)作。