jQuery

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

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

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

サンプルソース

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

実行サンプル

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

あいうえお

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 1970年1月1日からの経過ミリ秒を取得する($.now)

1970年1月1日からの経過ミリ秒を取得するには、$.now()を使用します。 サンプルソース 例)ボタンを押すと197 ...

[jQuery] セレクタの第2引数の意味

jQueryでセレクタは通常「$(".c1")」のように指定しますが、 「$(".c1", "#d2")」のように第2引 ...

[jQuery] 要素の後ろにタグを追加する(.after)

要素の後ろにタグを追加するには、afterを使います。 サンプル 例)ボタンを押すと、要素の後にxyzを追加する [cr ...

[jQuery] 時間差で処理を行う(.delay)

時間差で処理を行うサンプルです。 サンプルソース 例)2秒後にクラス'abc'を適用する [crayon-5b7ad0c ...

[jQuery] イベントを削除する(.off)

イベントを削除するには、offを使います。 サンプルソース 例)ボタン2をクリックすると、ボタン1のクリックイベントを削 ...

スポンサーリンク