《jQuery、jQuery UI及jQuery Mobile技巧與示例》——第3章 修改頁面 3.1 技巧：添加類

本節書摘來自異步社群《jquery、jquery ui及jquery mobile技巧與示例》一書中的第3章，第3.1節，作者：【荷】adriaan de jonge , 【美】phil dutson著，更多章節内容可以通路雲栖社群“異步社群”公衆号檢視

本章介紹jquery中操作html樹的方法，包含操作類、attribute、property1和元素。本章還會示範同名方法之間的差異，并讨論潛在的性能問題。

不使用jquery，單次調用函數隻能設定元素的所有類，浏覽器沒有提供别的方法。在添加或者移除類的時候需要考慮元素上已經存在的其他類。這樣，想給元素添加另外的類時就會增加額外的複雜度和開銷。幸好jquery提供了addclass()函數，可以友善地在選取集上添加一個或者多個類，進而解決了這個問題。

代碼清單3-1示範了如何調用一次addclass()函數為元素添加類。

代碼清單3-1　在單個元素上添加多個類

第34行為元素添加了一個類，第37行使用一次函數調用添加了兩個類。