jQuery toggleClass() 方法

jQuery HTML/CSS 方法 jQuery HTML/CSS 方法

實例

對添加和移除所有 <p> 元素的 "main" 類進行切換:

$("button").click(function(){ $("p").toggleClass("main"); });


定義和用法

toggleClass() 方法對添加和移除被選元素的一個或多個類進行切換。

該方法檢查每個元素中指定的類。如果不存在則添加類,如果已設置則刪除之。這就是所謂的切換效果。

然而,通過使用 "switch" 參數,您能夠規定只刪除或只添加類。


語法

$(selector).toggleClass(classname,function(index,currentclass),switch)

參數 描述
classname 必需。規定添加或移除的一個或多個類名。如需規定若干個類,請使用空格分隔類名。
function(index,currentclass) 可選。規定返回需要添加/刪除的一個或多個類名的函數。
  • index - 返回集合中元素的 index 位置。
  • currentclass - 返回被選元素的當前類名。
switch 可選。布爾值,規定是否僅僅添加(true)或移除(false)類。


實例

更多實例


如何使用 toggleClass() 方法來對添加和移除類進行切換。


使用函數來規定當前元素需切換哪個類名。


如何使用 switch 參數來僅僅添加或移除類名。


jQuery HTML/CSS 方法 jQuery HTML/CSS 方法