全ての<p> 要素に対して、クラス名 "main" の追加と削除をトグルする：
$("button").click(function(){
$("p").toggleClass("main");
});
Try it Yourself »
toggleClass() メソッドは、選択した要素に対し１つ以上のクラス名の追加と削除をトグルします。
このメソッドは、指定したクラス名の各要素をチェックします。クラス名が無い場合は追加され、 すでに有った場合は削除されます - これでトグル効果が得られます。
しかし、"switch" パラメータを使用することで、クラス名の削除だけ、または追加だけを指定することができます。
$(selector).toggleClass(classname,function(index,currentclass),switch)
| パラメータ | 説明 |
|---|---|
| classname | 必須。追加または削除する１つ以上のクラス名を指定する。 複数のクラスを指定するには、スペースでクラス名を区切ること |
| function(index,currentclass) | 任意。追加/削除する１つ以上のクラス名を返す関数を指定する
|
| switch | 任意。ブール値で、クラスを追加するだけの場合は (true)、削除だけする場合は (false) を指定する |
クラス名の追加と削除をトグルする
クラス名の追加と削除をトグルするのに toggleClass() メソッドを使用する方法。
関数を使用してクラスをトグルする
選択した要素のどのクラス名をトグルするかを指定するために関数を使用します。
switch パラメータを使用する
クラス名追加のみ、または削除のみをするため switch パラメータを使用する方法。