jQuery是一款流行的JavaScript庫，提供了許多方便的方法來操作HTML文檔。其中，attr()方法是用來獲取或設置HTML元素的屬性值的。

// 獲取元素屬性值
var value = $('selector').attr('attribute');
// 設置元素屬性值
$('selector').attr('attribute', 'value');

attr()方法可以接受兩個參數。第一個參數是要獲取或設置的屬性名稱，第二個參數是要設置的屬性值。如果只傳遞一個參數，那么該方法將返回元素的屬性值。

如果一個HTML元素有多個屬性，需要設置或獲取其中的一個屬性，可以在方法名后加上屬性名稱，例如：

$('selector').attr('data-attribute', 'value');
var dataValue = $('selector').attr('data-attribute');

在這個例子中，我們給元素設置了名為data-attribute的屬性，并將其值設置為value。然后，我們使用attr()方法獲取了這個屬性的值，并將其存儲在dataValue變量中。

請注意，屬性名稱應該使用JavaScript的駝峰命名法，例如dataAttribute，而不是data-attribute。jQuery會自動將駝峰命名法轉換為連字符命名法。

在使用attr()方法時，還需要注意一些細節。如果要從HTML元素中刪除一個屬性，可以將屬性值設置為空字符串，例如：

$('selector').attr('attribute', '');

此外，如果要獲取的屬性不存在，那么attr()方法將返回undefined而不是null。此時，需要使用JavaScript的嚴格模式來判斷返回值：

var value = $('selector').attr('non-existent-attribute');
if (value !== undefined) {
// do something with the value
}

以上就是attr()方法的一些使用方法和注意事項。如果你需要操作HTML元素的屬性，那么這個方法將非常有用。