jQuery

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

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

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

サンプルソース

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

実行サンプル

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

あいうえお

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] バインドされたイベントを削除する(.unbind)

指定した要素にバインドされたイベントを削除するには、.unbindを使用します。 サンプルソース 例)ボタンを押すとバイ ...

[jQuery] 要素にイベントを一度に複数追加する(.on)

要素にイベントを一度に複数追加するには、.onを使用します。 サンプルソース 例)id="txt1"要素にイベントを複数 ...

[jQuery] 要素のwidth、heightを取得/設定する

要素のwidth、heightを取得/設定するサンプルです。 サンプルソース 例)要素(id="box1")の幅と高さを ...

[jQuery] 要素内の先頭にタグを追加する(.prepend)

要素の後にタグを追加するには、prependを使用します。 サンプル 例)ボタンを押すと、要素の前にxyzを追加する [ ...

[jQuery] CSSスタイルを設定する(.css)

jQueryでCSSスタイルを設定するには、.css()を使用します。 構文 セレクタに対してスタイルを指定する(プロパ ...

スポンサーリンク