jQuery toggleClass() 方法
示例
为所有 <p> 元素在“main”类名之间切换添加和移除
$("button").click(function(){
$("p").toggleClass("main");
});
自己动手试一试 »
定义和用法
toggleClass() 方法在选定的元素之间切换添加和移除一个或多个类名。
此方法检查每个元素是否具有指定的类名。如果缺少则添加类名,如果已设置则移除类名 - 这会创建一个切换效果。
但是,使用“switch”参数,您可以指定仅移除或仅添加类名。
语法
$(selector).toggleClass(classname,function(index,currentclass),switch)
参数 | 描述 |
---|---|
类名 | 必需。指定要添加或移除的一个或多个类名。要指定多个类名,请用空格分隔类名 |
function(index,currentclass) | 可选。指定一个返回一个或多个要添加/移除的类名的函数
|
switch | 可选。一个布尔值,指定是仅添加类(true)还是仅移除类(false) |
亲手尝试 - 示例
在添加和移除类名之间切换
如何使用 toggleClass() 方法在添加和移除类名之间进行切换。
使用函数切换类
使用函数指定应该为所选元素切换哪些类名。
使用 switch 参数
如何使用 switch 参数仅添加或移除类名。