jQuery中的attr()方法目的是為了讀取和設(shè)置DOM元素的屬性值。這個(gè)方法接收兩個(gè)參數(shù),第一個(gè)參數(shù)表示要操作的屬性名,第二個(gè)參數(shù)表示設(shè)置的屬性值。如果只使用一個(gè)參數(shù),則表示獲取該屬性的值。以下是一些使用示例。
// 獲取元素的屬性值 var title = $('h1').attr('title'); // 設(shè)置元素的屬性值 $('img').attr('src', 'example.jpg'); // 設(shè)置多個(gè)元素的屬性值 $('a').attr({ 'href': 'http://example.com', 'title': 'Example' }); // 移除元素的屬性 $('input').removeAttr('disabled');
可以看到,attr()方法非常靈活,可以在DOM操作中方便地讀取和修改屬性值。需要注意的是,如果在多個(gè)元素上使用attr()方法同時(shí)設(shè)置屬性值,則所有元素將會(huì)被同時(shí)修改。如果需要單獨(dú)修改某個(gè)元素的屬性值,則需要使用each()方法遍歷所有元素。
需要注意的是,attr()方法只能用于HTML屬性,不能用于DOM屬性。例如,元素的style屬性需使用css()方法進(jìn)行操作。另外,prop()方法用于HTML屬性和DOM屬性的讀寫操作。