jQuery

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

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

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

サンプルソース

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

実行サンプル

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

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 指定した要素の次以降にある兄弟要素から指定した要素までを取得する(.nextUntil)

指定した要素の次以降にある兄弟要素から指定した要素までを取得するには、 .nextUntil() を使用します。 構文 ...

[jQuery] 親要素を取得する(.parent)

対象セレクタの親要素を取得するには、.parentで取得します。 サンプルソース 例)liタグの親要素のidをコンソール ...

[jQuery] POSTリクエストを送信する($.post)

POSTリクエストを送信するには、$.post()を使用します。 構文 (構文) $.post(<URL> [,<データ ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

[jQuery] jQueryプラグインを作成する

jQueryではプラグインというものを作成することができます。 いろいろな箇所で使われる処理をプラグインとして作成してお ...

スポンサーリンク