jQuery中的attr()方法用于獲取或設(shè)置HTML元素的屬性值。在jQuery中,可以使用attr()方法來操作HTML元素的屬性,比如元素的class、id、title、type等等。
// 獲取元素的屬性值 var attrValue = $('element').attr('attribute'); // 設(shè)置元素的屬性值 $('element').attr('attribute', 'value');
在上面的代碼中,第一個(gè)參數(shù)是要操作的元素的屬性名稱,第二個(gè)參數(shù)是屬性值。如果只傳遞一個(gè)參數(shù),則該方法會(huì)返回請(qǐng)求的屬性值。
還可以使用attr()方法來捕獲所有屬性值,并將它們存儲(chǔ)在一個(gè)對(duì)象中
// 獲取元素的所有屬性 var attrs = $('element').attr(); // 循環(huán)處理屬性對(duì)象 $.each(attrs, function(name, value) { console.log(name + ':' + value); });
如果要?jiǎng)h除元素的屬性,可以將第二個(gè)參數(shù)傳遞為null或undefined,如下所示:
// 刪除元素的屬性 $('element').attr('attribute', null);
在使用attr()方法時(shí),需要注意的是一些特殊的屬性。比如,input元素的checked和disabled屬性,在設(shè)置它們時(shí)使用prop()方法(如下所示)而不是attr()方法。
// 對(duì)于一些特殊的屬性,需要使用prop()方法 $('input').prop('checked', true); $('input').prop('disabled', true);