今天主要和大家一起分享一下如何使用jQuery的.attr()和.removeAttr()方法讀取，添加，修改，刪除元素的屬性。大家在平時(shí)的Web頁面制作中都有碰到如何動態(tài)的獲取元素的屬性和屬性值，或者說動態(tài)的修改元素的某個(gè)（某些）屬性的屬性值。那么jQuery就可以讓我們輕松的讀取，添加，更改或刪除一個(gè)（或多個(gè)）元素中的任何屬性，在jQuery中我們可以使用下面的方法來實(shí)現(xiàn)：

1 .attr()：jQuery中的.attr()方法讓你能輕松的讀取，增加或修改一個(gè)元素的屬性（詳情參考.attr()）;
2 .removeAttr():jQuery中的.removeAttr()方法主要用來刪除一個(gè)元素的一個(gè)（或多個(gè)）屬性（詳情參考.removeAttr()）。

下面先來簡單看一下.attr()和.removeAttr()兩種方法的語法格式：
.attr()方法
.attr()方法有兩種功能，第一種是讀取元素的屬性值，第二個(gè)是修改元素的屬性值

讀取屬性的語法
.attr(attributeName );//attributeName 為需要獲取的元素的屬性名
上面返回的是字符串“string”，值得注意的是.attr()方法只獲取第一個(gè)匹配元素的屬性值，如果你需要每個(gè)單獨(dú)的元素的屬性值，需要依靠jQuery的.each()或者.map()方法來實(shí)現(xiàn)。

為元素設(shè)軒屬性值的語法
.attr(attributeName, value);//其中attributeName為元素需要設(shè)置的屬性名，value是對應(yīng)的元素值
上面返回的是一個(gè)對象，主要用來為指定元素設(shè)置一個(gè)或多個(gè)屬性。

.removeAttr()方法
.removeAttr(attributeName);//其中attributeName 是要移除的屬性名

.removeAttr()方法使用原生的javaScript中的removeAttribute()函數(shù)，但是它的優(yōu)點(diǎn)是能夠直接被jQuery對象訪問調(diào)用。
上面我們一起簡單的了解了一下.attr()和.removeAttr()方法的語法，下面我們一起來看看其具體的應(yīng)用，首先我們來看一個(gè)簡單的html Demo：

這種方法用來制作圖片翻轉(zhuǎn)是很方便的,如：
html:

js:

最新評論