jQuery 基礎トレーニング

jQuery エフェクト

toggleClass()メソッドは、選択された要素の1つまたは複数のクラス名を追加または削除する間に切り替えます。

このメソッドは、各要素の指定されたクラス名をチェックします：

ただし、state引数、クラス名を指定して、クラスの削除または追加のみを行うことができます。

クラス名を切り替える：

$(selector).toggleClass(className)

使用stateクラス切り替えの引数：

$(selector).toggleClass(className,　state)

クラスを切り替える関数の使用：

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

すべての <p> 要素の「anotherClass」クラス名の追加と削除の間で切り替えます：

例

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

使用stateパラメータはクラス名の追加または削除のみです：

例

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

パラメータ	説明
className	追加するクラスを指定します/削除された1つまたは複数のクラス名（空白で区切ります）
state	ブール値、この値はクラスを追加（true）または削除（false）するかを決定します。
function(index, currentClass)	関数、该関数は空白で区切られた1つまたは複数のクラス名（クラス名が既存のクラス名に追加されるか、既存のクラス名から削除されるかを決定します）を返します。 index-要素が集合内のインデックス位置を返します currentClass-選択された要素の現在のクラス名を返します