返回值:jQuery toggleClass(class|fn[,sw])
概述
如果存在(不存在)就刪除(新增)一個類。
參數
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 值。
示例
參數class 描述:
為匹配的元素切換 'selected' 類
jQuery 程式碼:
$("p").toggleClass("selected");
參數class,switch 描述:
每點選三下加上一次 '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';
}
});