jQuery toggleClass() 方法
實例
對添加和移除所有 <p> 元素的 "main" 類進行切換:
$("button").click(function(){
$("p").toggleClass("main");
});
定義和用法
toggleClass() 方法對添加和移除被選元素的一個或多個類進行切換。
該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。
然而,通過使用 "switch" 參數,您能夠規定只刪除或只添加類。
語法
$(selector).toggleClass(classname,function(index,currentclass),switch)
參數 | 描述 |
---|---|
classname | 必需。規定添加或移除的一個或多個類名。如需規定若干個類,請使用空格分隔類名。 |
function(index,currentclass) | 可選。規定返回需要添加/刪除的一個或多個類名的函數。
|
switch | 可選。布爾值,規定是否僅僅添加(true)或移除(false)類。 |

更多實例
如何使用 toggleClass() 方法來對添加和移除類進行切換。
使用函數來規定當前元素需切換哪個類名。
如何使用 switch 參數來僅僅添加或移除類名。