jQuery.toggleClass()方法切换元素的类名

jQuery.toggleClass()方法

jQuery.toggleClass()方法是jQuery中提供的一个用于切换元素类名的方法，它可以通过添加或删除一个或多个类名来改变元素的样式。

使用方法

使用jQuery.toggleClass()方法时，可以提供一个或多个类名，如果元素没有指定的类名，则添加；如果元素有指定的类名，则删除。

$(selector).toggleClass(className);

如果需要添加多个类名，可以将多个类名用空格隔开，如下所示：

$(selector).toggleClass("class1 class2 class3");

也可以提供一个函数，根据函数的返回值来决定是否添加或删除类名，如下所示：

$(selector).toggleClass(function(index, className, switch) {
    // index: 元素索引
    // className: 元素当前的类名
    // switch: 表示是否已经有指定的类名，true表示已经有，false表示没有
    // 返回值：true表示添加指定的类名，false表示删除指定的类名
    return true;
});

还可以提供一个布尔值，true表示添加指定的类名，false表示删除指定的类名，如下所示：

$(selector).toggleClass(boolean);

如果布尔值为true，则添加指定的类名；如果布尔值为false，则删除指定的类名。

实例

下面是一个使用jQuery.toggleClass()方法切换元素类名的实例：

$("#btnToggle").click(function(){
    $("#divToggle").toggleClass("red");
});

在上面的实例中，当点击按钮时，将会切换div元素的类名，如果div元素没有类名red，则添加类名red；如果div元素有类名red，则删除类名red。

jQuery.toggleClass()方法是jQuery中提供的一个用于切换元素类名的方法，它可以通过添加或删除一个或多个类名来改变元素的样式。使用jQuery.toggleClass()方法时，可以提供一个或多个类名，也可以提供一个函数，或者提供一个布尔值，来决定是否添加或删除类名。