jQuery

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 要素の横幅と高さを取得する

要素の横幅と高さを取得するには、outerWidth/outerHeight、innerWidth/innerHeigh ...

[jQuery] 要素の属性を一度に設定する

属性を一度に設定するサンプルです。 サンプルソース 例)ボタンを押すと、id="txt1"要素をボタンに変える [cra ...

[jQuery] 1回だけ有効なイベントを設定する(.one)

1回だけ有効なイベントを設定するには、oneを使います。 サンプル 例)ボタンを押すと1回だけアラート表示する [cra ...

[jQuery] マウスボタン押し上げイベントを設定する(.mouseup)

jQueryでマウスボタン押し上げイベントを記述するには、.mouseup()を使用します。 ※ボタン押し上げとは、押し ...

[jQuery] 要素をフェードイン、フェードアウトする

要素をフェードイン、フェードアウトするサンプルです。 サンプル 例)ボタンを押すとdiv要素をフェードイン、フェードアウ ...

スポンサーリンク