JQuery是一種JavaScript庫，它提供了一些方便的方法來操作HTML文檔和事件。其中一個在JQuery里經常使用的功能是遍歷元素屬性。在這篇文章中，我們將了解如何使用JQuery來遍歷元素屬性以及如何使用JQuery的屬性選擇器來選擇元素。

首先，我們需要了解JQuery里的attr()函數，attr()函數用于獲取或設置HTML元素的屬性值。下面是一個使用attr()函數遍歷屬性的示例：

$("img").each(function(){
var src = $(this).attr("src");
console.log(src);
});

上面的代碼會遍歷文檔中所有的元素，然后打印出每個元素的src屬性值。這里，each()函數用于遍歷選定的元素集合，并對每個元素執行一個函數。

除了遍歷單個元素的屬性，JQuery還提供了屬性選擇器，用于基于元素屬性來選擇元素。屬性選擇器包括以下幾種：

• [attribute]：選擇指定屬性存在的元素
• [attribute=value]：選擇指定屬性等于給定值的元素
• [attribute!=value]：選擇指定屬性不等于給定值的元素
• [attribute$=value]：選擇指定屬性以給定值結尾的元素
• [attribute^=value]：選擇指定屬性以給定值開頭的元素
• [attribute*=value]：選擇指定屬性包含給定值的元素

下面是一個使用屬性選擇器選擇元素的示例：

$("img[src$='.png']").addClass("png-image");

上面的代碼會選擇所有src屬性以.png結尾的元素，并為它們添加一個CSS類png-image。

總之，JQuery提供了強大的遍歷和選擇元素的方法，可以幫助我們有效地操作HTML文檔和事件。如果您想了解更多關于JQuery的內容，可以參考官方文檔。