《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行使用一次函数调用添加了两个类。