toggleClass() - 条件式を書かずにクラスの追加/削除をする | jQuery Introduction

Photo by twinsfisch on Unsplash

jQueryの設定方法 - jQueryを使用するまでの手順 |【jQuery】 - IT the Best

toggleClass()

このメソッドは、引数に指定されたクラスの追加または削除を行います。条件式を書くことなく容易にクラスの切り替えができます。

例

クラス"sample2"の追加と削除（クラスの切り替え） 

<div class="sample1"></div>

追加

$("div.sample1").toggleClass("sample2")

↓

<div class="sample1 sample2"></div>

削除

$("div.sample1").toggleClass("sample2")

↓ 

<div class="sample1"></div>