jQuery

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

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

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

サンプルソース

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

実行サンプル

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

あいうえお

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 順序を逆順にする(.reverse)

要素の順序を逆順にするには、.reverse()を使用します。 サンプルソース 例)ボタンを押すと、リストの並びを逆順に ...

[jQuery] 配列内の要素の有無を判定する($.inArray)

配列内の要素の有無を判定するには、inArrayを使用します。 サンプルソース 例)数値配列arrに、3が存在するか判定 ...

[jQuery] 指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得する(.prevUntil)

指定した要素の直前にある兄弟要素から、指定した要素までの兄弟要素を取得するには、.prevUntil() を使用します。 ...

[jQuery] classの適用・非適用を切り替える(.toggleClass)

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。 サンプルソース 例)ボタンを押すと ...

[jQuery] function内でのthisの対象を明示的に指定する($.proxy)

function内でのthisの対象を明示的に指定するには、$.proxy()を使用します。 サンプルソース 例)Fun ...

スポンサーリンク