jQuery是一款JavaScript庫,可方便地操作HTML文檔、處理事件、動畫效果、Ajax交互等。
其中的attr()方法是用于獲取或設置元素的屬性值。
// 獲取元素的屬性值 var attrValue = $('img').attr('src'); // 設置元素的屬性值 $('img').attr('src', 'newSrc.jpg');
如果想獲取多個元素的屬性值,則可以通過each()方法來遍歷每個元素。
$('img').each(function() { var attrValue = $(this).attr('src'); console.log(attrValue); });
attr()方法還可以用于設置自定義屬性值。這些屬性不在HTML規范中,但可以在JavaScript中使用data()方法訪問它們。
$('img').attr('data-index', '1'); var dataIndex = $('img').data('index'); console.log(dataIndex); // 輸出1
如果想刪除元素的某個屬性,則可以使用removeAttr()方法。
$('img').removeAttr('data-index');
總之,通過attr()方法,可以方便地獲取、設置元素的屬性值,包括自定義屬性值。