jQuery的attr()函數是用來獲取或設置HTML屬性的值。在使用此函數時,常常需要設置屬性的值。當然,使用的是.attr('屬性名', '屬性值')方法。比如說我們要把一個按鈕的value屬性修改為“點擊這里”,我們可以這樣寫:
$('button').attr('value', '點擊這里');
如果我們有一組元素,需要把它們的aria-label屬性值全部修改為“新標簽”,我們可以這樣寫:
$('元素組').attr('aria-label', '新標簽');
但有時候我們手頭并沒有一個初始值,需要自己構造一個值。這時候,我們需要使用value()方法來設置屬性值。比如以下代碼:
$('input[type=radio]').each(function(index, element) { $(this).val(index+1); });
以上代碼會將所有的radio元素的value屬性依次賦值為1、2、3……。這在某些時候會比較有用。
注意:attr()函數是可以設置一些非HTML5標準的屬性,但使用起來會比較麻煩。如果需要使用HTML5標準的一些屬性(如data-*屬性),建議使用data()函數來讀取、設置這些屬性的值。