在使用jQuery來操作HTML元素時,經常需要調整元素的屬性。針對這種需求,jQuery為我們提供了attr()方法來實現。attr()方法可以獲取或設置HTML屬性的值,例如id、class、href等等。
使用attr()方法獲取屬性值非常簡單,只需調用該方法并傳入屬性名,即可返回屬性的值。以下是一個獲取href屬性值的示例:
var linkAddress = $('a').attr('href');
相反,使用attr()方法設置屬性值也非常簡單。只需傳入兩個參數,屬性名和值即可。以下是一個將id屬性設置為“example”的示例:
$('p').attr('id', 'example');
有時候我們需要根據屬性的值來選擇元素。舉個例子,我們想選擇那些具有某個特定class的元素,可以使用[attr=value]選擇器。例如,我們想選擇class為“example”的所有元素,可以使用以下代碼:
$('.example').attr('class', 'highlight');
在這個例子中,我們首先使用選擇器選擇了class為“example”的所有元素。然后使用attr()方法將它們的class屬性設置為“highlight”。
總的來說,attr()方法是一個非常有用的工具,可以幫助我們快速方便地獲取或設置HTML元素的屬性。