jQuery是廣泛應用于網頁開發的JavaScript庫，它提供了許多方便的方法來操作DOM元素。在這篇文章中，我們將介紹如何使用jQuery遍歷DOM屬性值。

$("selector").each(function(){
//進入each()方法
var prop = $(this).prop("attributeName");
//獲取屬性值
if(prop == "attributeValue"){
//邏輯操作
}
});

首先，我們需要使用jQuery選擇器選中目標DOM元素，然后使用.each()方法對每個元素進行遍歷。在每次循環中，將當前DOM元素的屬性值存儲在變量prop中。這里我們使用.prop()方法來獲取屬性值。

接下來，我們可以通過if語句來判斷屬性值是否等于我們想要的值。如果匹配成功，我們可以在這里執行我們需要的邏輯操作。

下面是一個示例代碼：

<div class="container">
<div class="item" data-color="red">紅色</div>
<div class="item" data-color="green">綠色</div>
<div class="item" data-color="blue">藍色</div>
</div>
<script>
$(".item").each(function(){
var color = $(this).data("color");
if(color == "red"){
$(this).css("color", "red");
}
});
</script>

在這個例子中，我們使用.each()方法遍歷類名為.item的元素，然后獲取每個元素的data-color屬性值。如果屬性值等于"red"，我們將設置該元素的文本顏色為紅色。

總的來說，使用jQuery遍歷DOM屬性值是一個非常方便的操作，無需對DOM做太多操作即可輕松完成。我們可以結合其他jQuery方法來實現更復雜的操作，例如設置CSS樣式、添加或刪除DOM元素等等。