最新のWeb開発のチュートリアル
 

jQuery toggleClass() Method

<jQueryのHTML / CSSのメソッド

追加と削除を切り替える"main"すべてのクラス名を<p>の要素:

$("button").click(function(){
    $("p").toggleClass("main");
});
»それを自分で試してみてください

定義と使用法

toggleClass()メソッドは、選択した要素から1つ以上のクラス名を追加および削除が切り替わります。

このメソッドは、指定されたクラス名の各要素をチェックします。 クラス名が見つからない場合に追加され、すでに設定されている場合は削除 - これはトグル効果を作成します。

しかし、「スイッチ」パラメータを使用して、あなただけの削除、またはクラス名のみを追加するように指定することができます。


構文

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

パラメーター 説明
classname 必須。 追加または削除するために、1つ以上のクラス名を指定します。 スペースでクラス名を区切り、複数のクラスを指定するには
function(index,currentclass) 任意。 /削除を追加するために、1つ以上のクラス名を返す関数を指定します。
  • index -セット内の要素のインデックス位置を返します。
  • currentclass -選択した要素の現在のクラス名を返します
スイッチ 任意。 クラスのみ追加する必要がある場合に指定するブール値(true) 、またはのみ削除すること(false)

それを自分で試してみてください - 例

クラス名の追加と削除を切り替えます
使い方toggleClass()クラス名の追加と削除を切り替えるための方法を。

関数を使用してトグルクラス
機能を使用すると、選択した要素のためにトグルされるべきクラス名を指定します。

スイッチパラメータを使用して、
クラス名のみを追加または削除するには、スイッチパラメータを使用する方法。


<jQueryのHTML / CSSのメソッド