定义和用法

如果存在(不存在)就删除(添加)一个类。

语法

toggleClass(class|fn[,sw])
参数描述
classCSS类名
function(index, class,switch)[, switch] 1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。
2: 一个用来判断样式类添加还是移除的 boolean 值。

例子 1

为匹配的元素切换 'selected' 类

# jQuery 代码:
$("p").toggleClass("selected");

每点击三下加上一次 'highlight' 类

# jQuery 代码:
var count = 0;
  $("p").click(function(){
      $(this).toggleClass("highlight", count++ % 3 == 0);
  });

根据父元素来设置class属性

# jQuery 代码:
$('div.foo').toggleClass(function() {
  if ($(this).parent().is('.bar') {
    return 'happy';
  } else {
    return 'sad';
  }
});

问题没有解决?建议您查阅官方文档:http://api.jquery.com/toggleClass/