jQuery的toggleClass()方法添加或删除类

jQuery的toggleClass()方法

jQuery的toggleClass()方法是用来添加或删除一个或多个类的。它可以用来改变元素的样式，比如改变背景颜色、字体颜色等。

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

其中：

• selector：要操作的元素
• classname：要添加或删除的类名，可以是一个字符串，也可以是一个函数，当classname是一个函数时，会传入三个参数：index：元素的索引；classname：元素的类名；switch：表示当前是添加还是删除类名，true表示添加，false表示删除。
• function：可选，传入一个函数，当添加或删除类名完成后，会调用该函数，该函数传入一个参数：switch，表示当前是添加还是删除类名，true表示添加，false表示删除。

使用示例：

$("#test").toggleClass("red"); //添加或删除id为test的元素的类名red
$("#test").toggleClass(function(index,classname,switch){
    if(switch){
        return "red";
    }else{
        return "blue";
    }
}); //添加或删除id为test的元素的类名，如果添加则为red，如果删除则为blue

jQuery的toggleClass()方法可以用来添加或删除一个或多个类，可以用来改变元素的样式。