jQuery toggleClass() 方法
示例
為所有 <p> 元素在“main”類名之間切換新增和移除
$("button").click(function(){
$("p").toggleClass("main");
});
自己動手試一試 »
定義和用法
toggleClass() 方法在選定的元素之間切換新增和移除一個或多個類名。
此方法檢查每個元素是否具有指定的類名。如果缺少則新增類名，如果已設定則移除類名 - 這會建立一個切換效果。
但是，使用“switch”引數，您可以指定僅移除或僅新增類名。
語法
$(selector).toggleClass(classname,function(index,currentclass),switch)
| 引數 | 描述 |
|---|---|
| 類名 | 必需。指定要新增或移除的一個或多個類名。要指定多個類名，請用空格分隔類名 |
| function(index,currentclass) | 可選。指定一個返回一個或多個要新增/移除的類名的函式
|
| switch | 可選。一個布林值，指定是僅新增類（true）還是僅移除類（false） |
親手嘗試 - 示例
在新增和移除類名之間切換
如何使用 toggleClass() 方法在新增和移除類名之間進行切換。
使用函式切換類
使用函式指定應該為所選元素切換哪些類名。
使用 switch 引數
如何使用 switch 引數僅新增或移除類名。
