jQuery

[jQuery] 要素にclassを追加、削除する(.addClass、.removeClass、.toggleClass)

投稿日:2017年5月21日 更新日:

jQueryで要素にclassを追加や削除をするには、
addClassremoveClasstoggleClassを使用します。

サンプルソース

例)ボタンを押すとdiv要素にクラスを適用、削除する

実行サンプル

ボタンを押すと下の「あいうえお」の部分にclassを適用したり削除したりします。

あいうえお

解説

  • addClassは、要素にclassを追加します。
  • removeClassは、要素からclassを削除します。
  • toggleClassは、要素にclassが適用されていれば追加し、適用されていなければ削除します。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 配列から重複要素を取り除く($.unique)

jQueryで配列から重複要素を取り除くには、uniqueを使用します。 サンプルソース 例)配列から重複要素を取り除い ...

[jQuery] クリックイベントを設定する(.click)

jQueryでクリックイベントを記述するには、.click()を使用します。 サンプルソース 例)ボタンを押すとアラート ...

[jQuery] Ajaxでデータを取得する

Ajaxでデータを取得するサンプルです。 サンプルソース 例)ボタンを押すとAjax通信を行い、結果をコンソールに出力す ...

[jQuery] 属性値を設定/取得する(.attr)

属性値を設定/取得するには、.attr()を使用します。 構文 (属性値を取得する構文) var a = attr('< ...

[jQuery] 属性を削除する(.removeAttr)

属性を削除するには、removeAttrを使います。 サンプルソース 例)ボタンを押すと、テキストボックスのplaceh ...

スポンサーリンク