DOM操作之屬性和樣式操作

在dom操作，除了前面的節點操作以外，常常被用到的操作還有屬性操作和節點操作，下面，主要來總結一下jquery中的屬性操作方法和樣式操作方法。

在開始操作前，我們需要先在html中新增如下**，後面所有的操作都是基於該dom結構進行的。

你最喜歡的水果是？

在前面我們提到過乙個方法attr()，通過給該方法新增乙個引數（屬性名稱），可以獲取相應資訊。

$(function())

當給該方法傳遞多個引數時，可以用來設定相關屬性。

在jquery中，使用removeattr()方法刪除某個元素的特點屬性。

$(function())

因為class也是和title一樣，也屬於元素的屬性，所以，我們可以使用attr()來獲取和設定元素的class。

使用attr()方法設定樣式時，新的樣式覆蓋了之前的樣式。

有的時候，我們希望為某個元素新增樣式，但是又不覆蓋之前原有的樣式，很明顯，attr()並不能滿足我們的要求，這個時候，我們需要用到乙個新的方法addclass()，該方法是在不改變原有樣式的基礎上，在後面新增新的樣式。

在上面，我們知道可以用removeattr()方法刪除元素的屬性，自然，這個方法可以用來刪除元素的樣式。

除了刪除屬性的方法外，jquery中，還有乙個專門用來刪除元素樣式的方法：removeclass()，引數為需要刪除的類名，該方法可以同時刪除乙個或多個樣式，多個類名中間用空格間隔即可，當該方法不帶引數時，表明要刪除該元素的所有方法。

hasclass()方法可以用來判斷元素中是否含有某個class，如果有，返回true，否則，返回false。

$(function())