jQuery toggleClass() 方法
jQuery HTML/CSS 方法实例
对添加和移除所有 <p> 元素的 "main" 类进行切换：
$("button").click(function(){
$("p").toggleClass("main");
}); 尝试一下 » 定义和用法
toggleClass() 方法对添加和移除被选元素的一个或多个类进行切换。
该方法检查每个元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。
然而，通过使用 "switch" 参数，您能够规定只删除或只添加类。
语法
$(selector).toggleClass(classname,function(index,currentclass),switch)
| 参数 | 描述 |
|---|---|
| classname | 必需。规定添加或移除的一个或多个类名。如需规定若干个类，请使用空格分隔类名。 |
| function(index,currentclass) | 可选。规定返回需要添加/删除的一个或多个类名的函数。
|
| switch | 可选。布尔值，规定是否仅仅添加（true）或移除（false）类。 |
更多实例
对添加和移除类进行切换 如何使用 toggleClass() 方法来对添加和移除类进行切换。
使用函数切换类 使用函数来规定当前元素需切换哪个类名。
使用 switch 参数 如何使用 switch 参数来仅仅添加或移除类名。