在使用 jQuery 進行網頁開發的過程中，有時候需要對 HTML 元素的多個屬性進行操作。這時候就可以使用 jQuery 的attr()函數了。

attr()函數可以接受一個屬性名作為參數，也可以接受一個對象作為參數，來修改或者獲取 HTML 元素的屬性值。舉個例子：

$('img').attr('src', 'new-image.jpg');

上面的代碼就是將所有的<img>標簽的src屬性改為new-image.jpg。

如果要同時修改多個屬性，可以將這些屬性和對應的屬性值放到一個對象里面。例如：

$('img').attr({
'src': 'new-image.jpg',
'alt': 'New image description'
});

上面的代碼會將所有的<img>標簽的src屬性改為new-image.jpg，alt屬性改為New image description。

除了可以修改元素屬性，attr()函數也可以用來獲取元素屬性的值。例如：

var imgSrc = $('img').attr('src');
console.log(imgSrc); // 輸出當前頁面第一個圖片的 src 屬性值

上面的代碼就是獲取頁面上第一個<img>標簽的src屬性，并將其賦值給變量imgSrc。

需要注意的一點是，如果需要操作的屬性名中包含有連字符（-），需要將連字符換成駝峰式寫法，例如：

$('div').attr('data-my-attribute', 'new value');

上面的代碼會將所有的<div>標簽的data-my-attribute屬性改為new value。