IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

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

Photo by twinsfisch on Unsplash

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>