最新的Web开发教程
 

jQuery toggleClass() Method

<jQuery的HTML / CSS方法

添加和删除之间切换"main"的所有类名<p>元素:

$("button").click(function(){
    $("p").toggleClass("main");
});
试一试»

定义和用法

所述toggleClass()方法添加和删除所选择的元件的一个或多个类名之间切换。

此方法检查指定的类名的每个元素。 如果缺少类名是添加,删除和如果已经设置 - 这将创建一个切换效果。

然而,通过使用“开关”参数,可以指定只删除或只添加一个类名。


句法

$(selector).toggleClass(classname,function(index,currentclass),switch)

参数 描述
classname 需要。 指定一个或多个类名来添加或删除。 要指定多个类,以空格隔开的类名称
function(index,currentclass) 可选的。 指定返回一个或多个类名来添加函数/删除
  • index -返回集合中的元素的索引位置
  • currentclass -返回所选元素的当前类名称
开关 可选的。 一个布尔值,指定如果类只应增加(true) ,或者只被删除(false)

试一试 - 示例

添加和删除一个类名之间切换
如何使用toggleClass()方法来添加和删除一个类名称之间切换。

使用函数切换类
使用功能来指定哪些类的名字应该被切换为选定的元素。

使用开关参数
如何使用开关参数只能添加或删除一个类名。


<jQuery的HTML / CSS方法