jQuery 可以通過屬性獲取值,使用類似于 CSS 選擇器的方式篩選元素并獲取其屬性值。以下是一些常用的屬性操作方法。
// 獲取屬性值 $(selector).attr(attribute) // 設置屬性值 $(selector).attr(attribute, value) // 刪除屬性 $(selector).removeAttr(attribute)
其中,selector表示要操作的元素,可以是標簽名、類名、ID、屬性名等;attribute表示要獲取或設置的屬性名,value表示要設置的屬性值。
例如,要獲取id
為myLink
的鏈接的href
屬性值,可以這樣寫:
var href = $('#myLink').attr('href');
要設置該鏈接的href
屬性值為http://example.com
:
$('#myLink').attr('href', 'http://example.com');
要刪除該鏈接的class
屬性:
$('#myLink').removeAttr('class');
除了簡單的屬性操作,jQuery 還提供了一些復雜的屬性處理方法。比如,要獲取id
為myDiv
的元素的data
屬性值,可以這樣寫:
var data = $('#myDiv').data();
這將返回一個包含data-*
屬性的對象。
總之,jQuery 的屬性操作方法非常靈活和方便,使我們能夠輕松地獲取、設置和刪除元素的屬性值,從而實現更加強大和便捷的 JavaScript 編程。