返回值:jQuerytoggleClass(class|fn[,sw])
概述
如果存在（不存在）就刪除（添加）一個(gè)類。
參數(shù)
classStringV1.0
CSS類名
class,switchString,BooleanV1.3
1:要切換的CSS類名.
2:用于決定元素是否包含class的布爾值。
switchBooleanV1.4
用于決定元素是否包含class的布爾值。
function(index, class,switch)[, switch] Function,BooleanV1.4
1:用來返回在匹配的元素集合中的每個(gè)元素上用來切換的樣式類名的一個(gè)函數(shù)。接收元素的索引位置和元素舊的樣式類作為參數(shù)。
2: 一個(gè)用來判斷樣式類添加還是移除的 boolean 值。
示例
參數(shù)class 描述:
為匹配的元素切換 'selected' 類
jQuery 代碼:
$("p").toggleClass("selected");參數(shù)class,switch 描述:
每點(diǎn)擊三下加上一次 'highlight' 類
HTML 代碼:
<strong>jQuery 代碼:</strong>jQuery 代碼:
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});回調(diào)函數(shù) 描述:
根據(jù)父元素來設(shè)置class屬性
jQuery 代碼:
$('div.foo').toggleClass(function() {
if ($(this).parent().is('.bar') {
return 'happy';
} else {
return 'sad';
}
});