最新的Web開發教程
 

jQuery toggleClass() Method

<jQuery的HTML / CSS方法

添加和刪除之間切換"main"的所有類名<p>元素:

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

定義和用法

所述toggleClass()方法添加和刪除所選擇的元件的一個或多個類名之間切換。

此方法檢查指定的類名的每個元素。 如果缺少類名是添加,刪除和如果已經設置 - 這將創建一個切換效果。

然而,通過使用“開關”參數,可以指定只刪除或只添加一個類名。


句法

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

參數 描述
classname 需要。 指定一個或多個類名來添加或刪除。 要指定多個類,以空格隔開的類名稱
function(index,currentclass) 可選的。 指定返回一個或多個類名來添加函數/刪除
  • index -返回集合中的元素的索引位置
  • currentclass -返回所選元素的當前類名稱
開關 可選的。 一個布爾值,指定如果類只應增加(true) ,或者只被刪除(false)

試一試 - 示例

添加和刪除一個類名之間切換
如何使用toggleClass()方法來添加和刪除一個類名稱之間切換。

使用函數切換類
使用功能來指定哪些類的名字應該被切換為選定的元素。

使用開關參數
如何使用開關參數只能添加或刪除一個類名。


<jQuery的HTML / CSS方法