toggleClass(class|fn[,sw]) | jQuery API

2014-12-08　次

标签 CSS类

返回值:jQuerytoggleClass(class|fn[,sw])

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

CSS类名

1:要切换的CSS类名.

2:用于决定元素是否包含class的布尔值。

用于决定元素是否包含class的布尔值。

1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。

2: 一个用来判断样式类添加还是移除的 boolean 值。

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

$("p").toggleClass("selected");

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

<strong>jQuery 代码:</strong>

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

根据父元素来设置class属性

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