jQuery是一種高效的JavaScript庫，可以簡化和改進JavaScript代碼。它允許您以一種更有效的方式遍歷HTML文檔并訪問其中的元素和屬性。讓我們看一下如何使用jQuery遍歷所有屬性值。

// 假設我們有一個div元素：
<div id="myDiv" data-role="page" data-theme="a" data-url="index.html"></div>
// 現在，我們可以使用jQuery選擇器選擇我們的元素：
var myDiv = $('#myDiv');
// 然后，我們可以使用jQuery的attr()函數來獲取特定屬性的值：
var pageRole = myDiv.attr('data-role');
var theme = myDiv.attr('data-theme');
var url = myDiv.attr('data-url');
console.log(pageRole + ', ' + theme + ', ' + url); // 輸出："page, a, index.html"
// 但是，如果我們不知道元素中有哪些屬性，該怎么辦？在這種情況下，我們可以使用jQuery的each()函數遍歷所有屬性：
myDiv.each(function() {
$.each(this.attributes, function() {
console.log(this.name + ': ' + this.value);
});
});
// 輸出："id: myDiv" "data-role: page" "data-theme: a" "data-url: index.html"

如您所見，以上代碼遍歷了所有屬性名稱和它們的值，并在控制臺中輸出了它們。通過使用jQuery，我們可以輕松地遍歷HTML元素的屬性并進行進一步的處理。