jQuery提供了多種方法來處理HTML元素的屬性，其中attr()方法是用于修改或獲取元素屬性的方法。在某些情況下，我們需要向元素的屬性中添加新的值，這時候就需要使用attr()追加操作。

// 語法：
$(selector).attr(attribute, function(index, attr))
//實例：
$("button").click(function(){
$("img").attr("src", function(i, origValue){
return origValue + "?" + new Date().getTime();
});
});

attr()追加操作的語法結構非常簡單，第一個參數需要指定需要操作的屬性名稱，第二個參數是一個函數，該函數必須返回待添加到屬性值后面的字符串。

$("p").attr({
"class": function(i, origClass){
return origClass + " test";
}
});

我們也可以使用一個函數數組，通過同時操作多個屬性。下面這個示例利用了一個精簡的JavaScript寫法來通過追加給多個屬性添加相同的值。

$("img").attr({
src: function(index, attr){
return "newImages/newImage" + index + ".jpg";
},
alt: function(index, attr){
return "new image caption" + index;
}
});

總之，attr()方法提供了jQuery操作HTML屬性的簡單方式，并且使用attr()追加操作，我們可以輕松地向屬性中添加新的值，從而滿足我們的需求。