jQuery是一種流行的JS庫，它被廣泛用于HTML頁面的開發和交互操作。其中一個常用功能是使用 `attr()` 方法來操作HTML元素的屬性。

`attr()` 方法可以用來設置或獲取HTML元素的屬性。它可以幫助我們輕松地操縱屬性，并通過鏈式編程來增強代碼可讀性。

設置元素屬性：

$('img').attr('src','new_image.jpg');

在這個例子中，我們使用 `attr()` 方法來獲取所有的img標簽并將它們的`src`屬性值修改為`new_image.jpg`。

獲取元素屬性：

$('img').attr('src');

在這個例子中，我們使用 `attr()` 方法來獲取所有的img標簽的`src`屬性值。

可以使用 `attr()` 方法來設置多個屬性：

$('img').attr({
 'src':'new_image.jpg',
 'alt':'a new image'
});

在這個例子中，我們使用 `attr()` 方法來獲取所有的img標簽并將它們的`src`屬性值改為`new_image.jpg`，并將它們的`alt`屬性值修改為`a new image`。

可以使用回調函數來設置屬性值：

$('img').attr('title',function(i,oldvalue){
 return 'Image ' + i + ': ' + oldvalue;
});

在這個例子中，我們使用回調函數來獲取標簽中的title屬性值，并添加一些文字。如果頁面中有多個img標簽，回調函數將會分別針對每一個標簽執行。這讓我們可以在不同元素間添加不同的信息，而不用重復代碼。

`removeAttr()` 方法可以用來刪除元素的屬性：

$('img').removeAttr('alt');

在這個例子中，我們使用 `removeAttr()` 方法來刪除所有img標簽的`alt`屬性。

`attr()` 方法是jQuery中常用的方法之一，它可以用來操作HTML元素的屬性，為用戶提供更加方便快捷的開發體驗。