Latest web development tutorials

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參數
如何使用switch 參數來僅僅添加或移除類名。

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