jQuery の属性とスタイル (5)

特定のエフェクトを実行するとき、同じノードの特定のスタイルが継続的に切り替わる可能性があります。つまり、インターレースカラー変更エフェクトなど、addClass とremoveClass の間の相互排他的な切り替えです。

jQuery は、この相互作用を簡素化する toggleClass メソッドを提供します。ロジックでは、toggleClass メソッドを通じてクラスを動的に追加および削除します。1 回の実行は addClass と同等で、別の実行は RemoveClass

toggleClass() メソッドと同等です。一致した要素セット内の各要素で 1 つ以上のスタイル クラスを追加または削除します。このスタイル クラスが存在するかどうか、または toggle 属性の値によって異なります。つまり、クラスが存在する (存在しない) 場合は削除 (追加) します。

toggleClass( className ): 一致した要素セット内の各要素を切り替えるために使用される 1 つ以上の (スペースで区切られた) スタイル クラス名

toggleClass( className, switch ): スタイルを追加するか削除するかを決定するために使用されるブール値

toggleClass( [switch] ): スタイル クラスを追加するか削除するかを決定するために使用されるブール値 toggleClass( function(index, class, switch) [, switch ] ): 一致した要素セット内の各要素をオンにするために使用されるスタイル クラス名を返すために使用される関数。要素のインデックス位置と要素の古いスタイルのクラスをパラメータとして受け取ります

注:

toggleClass は相互に排他的なロジックです。つまり、指定されたクラス名が対応する要素に存在するかどうかを判断し、存在する場合は削除します

toggleClass を追加すると、元のクラス名が保持され、スペースで区切って追加されます

例を書いてみましょう

       
  
 
 
php中文网
 
php.cn
 
 
 
php中文网
 
php.cn
 
 
 
php中文网
 
php.cn
 
 
 
php中文网
 
php.cn
 
 
 
php中文网
 
php.cn