jQuery toggleClass() 方法
示例
在为所有 <p> 元素添加和移除 "main" 类名之间切换
$("button").click(function(){
$("p").toggleClass("main");
});
亲自试一试 »
定义和用法
toggleClass() 方法在为选定的元素添加和移除一个或多个类名之间切换。
此方法检查每个元素是否存在指定的类名。如果缺少，则添加类名；如果已设置，则移除类名 - 这创建了一个切换效果。
但是，通过使用 "switch" 参数，您可以指定仅移除或仅添加类名。
语法
$(选择器).toggleClass(类名,函数(索引,当前类名),开关)
| 参数 | 描述 |
|---|---|
| 类名 | 必需。指定要添加或移除的一个或多个类名。要指定多个类，请用空格分隔类名 |
| 函数(索引,当前类名) | 可选。指定一个返回要添加/移除的一个或多个类名的函数
|
| 开关 | 可选。一个布尔值，指定是否应仅添加 (true) 或仅移除 (false) 类名。 |
亲自试一试 - 示例
在添加和移除类名之间切换
如何使用 toggleClass() 方法在添加和移除类名之间切换。
使用函数切换类
使用函数指定为所选元素切换哪些类名。
使用 switch 参数
如何使用 switch 参数仅添加或移除类名。
