jQuery attr() 方法是用來獲取或設置 HTML 元素的屬性值的。它可以通過選擇器選擇需要獲取或設置屬性值的元素,然后使用 "attr()" 來獲取或設置它們的屬性值。下面是一個使用 attr() 方法獲取值的例子:
// HTML 代碼 <p id="test" title="Some title">Hello world!</p> // JavaScript 代碼 var title_value = $( "#test" ).attr( "title" ); console.log( title_value ); // 輸出結果:Some title
在上面的例子中,我們選擇了 ID 為 "test" 的元素,并指定了要獲取的屬性為 "title"。然后我們將結果存儲在變量 "title_value" 中,并將結果輸出到控制臺。
使用 attr() 方法設置屬性值也很簡單。只需要指定要設置的屬性和新的屬性值即可。下面是一個設置屬性值的例子:
// HTML 代碼 <p id="test">Hello world!</p> // JavaScript 代碼 $( "#test" ).attr( "title", "New title" );
在上面的例子中,我們選擇了 ID 為 "test" 的元素,并指定了要設置的屬性為 "title"。然后我們將新的屬性值設置為 "New title"。
需要注意的是,當使用 attr() 方法獲取屬性值時,它只會返回第一個匹配元素的屬性值。如果你需要獲取所有匹配元素的屬性值,可以使用 "each()" 循環遍歷所有元素。下面是一個獲取所有匹配元素屬性值的例子:
// HTML 代碼 <p class="test" title="Title 1">Hello world!</p> <p class="test" title="Title 2">Hello again!</p> // JavaScript 代碼 $( ".test" ).each(function() { var title_value = $(this).attr( "title" ); console.log( title_value ); });
在上面的例子中,我們選擇了 class 為 "test" 的所有元素,并使用 each() 循環遍歷它們。在每次循環中,我們使用 $(this) 來獲取當前遍歷的元素,并使用 attr() 方法獲取它們的 "title" 屬性值。