JQuery的attr()函數(shù)是一種非常強(qiáng)大的DOM操作方法,它可以獲取或設(shè)置HTML元素的屬性,并使用回調(diào)函數(shù)來更改屬性值。
首先,我們來看一下獲取屬性值的例子:
var href = $("a").attr("href"); console.log(href);
上面的代碼將獲取第一個(gè)元素的href屬性,并將其輸出到控制臺。
現(xiàn)在,讓我們來看一些設(shè)置屬性值的例子:
$("img").attr("src", "./image.jpg"); $("button").attr("disabled", true);
上面的代碼將把所有的圖片元素的src屬性設(shè)置為“./image.jpg”,將所有的按鈕元素的disabled屬性設(shè)置為true。
除此之外,我們還可以使用回調(diào)函數(shù)來更改屬性值。例如,下面的代碼將把所有元素的href屬性更改為一個(gè)新的值:
$("a").attr("href", function(i, origValue) { return origValue + "/new"; });
在這個(gè)回調(diào)函數(shù)中,第一個(gè)參數(shù)i是元素的索引,第二個(gè)參數(shù)origValue是元素的原始屬性值。然后我們可以使用這些參數(shù)來計(jì)算并返回一個(gè)新的屬性值。
總之,attr()是一個(gè)非常有用的方法,它可以讓我們輕松地操作HTML元素的屬性。使用它,我們可以獲取和設(shè)置屬性,還可以使用回調(diào)函數(shù)來動(dòng)態(tài)地更改屬性值。