jQueryを使用して、HTMLのclassを追加したり、削除したりする方法を紹介します。
クリックしたときの動作やホバーしたときなど、使い方は色々。
では早速JQueryでclassを動的に追加・削除する方法を紹介していきます!

JQueryでclassを動的に追加・削除する方法

jQueryでclassを追加

要素にclassを追加します。

	
$('要素').addClass('class名');

 

jQueryでclassを削除

要素からclassを削除します。

$('要素').removeClass('class名');

 

jQueryでclassを追加・削除

要素から指定のclassがあれば削除、なければclassを追加します。

$('要素').toggleClass('class名');

関連記事