jQueryプロパティ操作-toggleClass()メソッド

定義と使用toggleClass()を使用して、選択した要素を設定または削除する1つ以上のクラスを切り替えます.
このメソッドは、各要素で指定されたクラスをチェックします.存在しない場合はクラスを追加し、設定されている場合は削除します.これがいわゆる切り替え効果です.
ただし、「switch」パラメータを使用すると、クラスのみを削除または追加することを指定できます.
構文

$(selector).toggleClass(class,switch)

パラメータ記述classが必要です.classを追加または削除する指定した要素を指定します.いくつかのclassを指定する場合は、スペースを使用してクラス名を区切ります.switchオプション.ブール値classを追加または削除するかどうかを指定します.
≪インスタンス｜Instance｜emdw≫
設定要素をスタイルクラスmainとbackクラスに切り替えます.

$(document).ready(function(){
  $("button").click(function(){
    $("p").toggleClass("main back");
  });
});





This is a heading
This is a paragraph.
This is another paragraph.
      "main"    "back"