jQuery

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

投稿日:2017年8月1日 更新日:

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。

サンプルソース

例)ボタンを押すと、class="cls1"の適用・非適用を切り替える

実行サンプル

ボタンを押すごとに、テキストボックスへclassの適用・非適用を切り替えます

解説

  • toggleClassはclassが適用されていれば非適用に、適用されていなければ適用するという動きをします。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素まとめて指定したタグで囲う(.wrapAll)

要素まとめて指定したタグで囲うには、.wrapAll()を使用します。 サンプルソース 例)class="d1"の要素を ...

[jQuery] フォーカスが当たったイベントを取得する(.focusin)

フォーカスが当たったイベントを取得するには.focusinを使用します。 サンプルソース 例)フォーカスが当たったイベン ...

[jQuery] 要素から指定した要素の最も近い親要素を取得する(.closest)

要素から指定した要素の最も近い親要素を取得するには、.closest() を使用します。 構文 (構文) .closes ...

[jQuery] 画像読込み失敗時に代替画像を表示する

画像読込み失敗時に代替画像を表示するサンプルです。 サンプルソース 例)画像aa.png読込みエラー時には、bb.png ...

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

スポンサーリンク