toggleClass(class|fn[,sw])

返回值

jQuery

概述

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

参数

参数 类型 说明 示例值
class String
v1.0

一个或多个要删除的CSS类名，请用空格分开
class,switch String,Boolean
v1.3

1:要切换的CSS类名.
2:用于决定元素是否包含class的布尔值。
switch Boolean
v1.4

用于决定元素是否包含class的布尔值。
function(index, class,switch)[, switch] Function,Boolean
v1.4

1:用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。
2: 一个用来判断样式类添加还是移除的 boolean 值。

示例

示例一

描述：为匹配的元素切换 'selected' 类

jQuery 代码

$("p").toggleClass("selected");
示例二

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

HTML 代码:
<strong>jQuery 代码:</strong>
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';  
    }
});