JavaScript PR

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

記事内に商品プロモーションを含む場合があります

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

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

jQueryでclassを追加

要素にclassを追加します。

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

 

jQueryでclassを削除

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

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

 

jQueryでclassを追加・削除

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

$('要素').toggleClass('class名');
ABOUT ME
シラツキ
当ブログは同人サークル「にんじんみるく」のシラツキが運営する個人ブログです。 同人誌即売会の情報やネタ、技術的な内容など様々なコンテンツを配信しています。 普段はwebサイト作ってる人インターネッツお絵かきマン。 Webサイトの制作、ECサイトの運営、ブログ、イラスト制作など色々やってます。 個人でWeb技術ブログ、趣味のブログ、YouTube活動中。

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)