jQuery中toggleClass()方法用法实例_jquery

此方法对添加或移除匹配元素的一个或多个类进行切换。
toggleClass()方法检查匹配元素中指定的类。如果不存在则添加类，如果已设置则删除之。这就是所谓的切换效果。

语法结构一:
代码如下:$(selector).toggleClass(class,switch)

如果存在（不存在）就删除（添加）一个类。

参数列表:

实例代码:

代码如下:









$(document).ready(function(){
$("button").click(function(){
$("div").toggleClass("content");
})
})



添加更多内容

语法结构二:
代码如下:$(selector).toggleClass(function(index,class),switch)

把函数的返回值作为切换的类。

参数列表:

实例代码:

代码如下:









$(document).ready(function(){
$("button").click(function(){
$("div").toggleClass(function(){
return "content"
});
})
})



添加更多内容

希望本文所述对大家的jQuery程序设计有所帮助。