jQuery toggleClass() 方法

jQuery HTML/CSS 方法

toggleClass()方法對添加和刪除所選元素中的一個(gè)或多個(gè)類名稱之間切換。

此方法檢查每個(gè)元素的指定類名稱：

• 如果缺少類名，則添加

• 如果已經(jīng)設(shè)置了類名，則將其刪除

但是，通過使用state參數(shù)，您可以指定僅刪除或僅添加類名稱。

語法：

切換類名：

$(selector).toggleClass(className)

使用state參數(shù)切換類：

$(selector).toggleClass(className, state)

使用函數(shù)切換類：

$(selector).toggleClass(function(index, currentClass), state)

實(shí)例

在所有<p>元素的添加和刪除“ anotherClass”類名稱之間切換：

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

使用state參數(shù)僅添加或刪除類名稱：

$("button").click(function(){
  $("p").toggleClass("anotherClass", true);
});

參數(shù)值

jQuery HTML/CSS 方法