[今さらjQuery] .removeClass() でClassを削除

公開日: : jQuery

jQueryのロゴ

概要

指定した要素から、引数に指定したクラスを削除する。

<p class="hoge">a</p>
<p class="hoge">b</p>
<p class="hoge fuga">c</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
  $(function() {
    $('p').click(function() {
      $('p').each(function() {
        $(this).removeClass("hoge");
      });
    });
  });
</script>

すべてのp要素から”hoge”クラスを削除する場合のコード

(ネストが深い。。。あまりよろしくないコードですが、練習用ということで。。。)

 

実行前のスクショ
実行前

実行後のスクショ
実行後
(hogeクラスが消えた。関係ないfugaクラスは消えてない)

Googleアドセンスレスポンシブ

関連記事

jQueryのロゴ

[今さらjQuery] .stop()メソッドでアニメーションを停止する

引数 第1引数 キューに溜まってるアニメーションを削除するか。 *キューとは待合室のこ

記事を読む

jQueryのロゴ

[今さらjQuery] .find()メソッドで指定したセレクタの子孫要素を取得

概要 指定したセレクタの全子要素を探す。 例 <div>色が<span&

記事を読む

jQueryのロゴ

[今さらjQuery] .split()メソッドで文字列を分割

概要 文字列から指定した区切り文字列を堺に分割し、配列として返す。 例 <p id=

記事を読む

jQueryのロゴ

[今さらjQuery] .attr()メソッドで属性を取得、追加、編集

概要 attrは、指定した要素の属性を取得したり新規追加したり編集できたりする。 属

記事を読む

jQueryのロゴ

[今さらjQuery] $(function() ドルカッコファンクション

意味 このhtml(=DOM)をすべて読み込んだ後に実行する。(画像は除く) 書き方 &n

記事を読む

jQueryのロゴ

今さらjQuery onメソッドでイベント駆動

概要 jQueryのオブジェクトにイベントを紐付ける。   例 $

記事を読む

jQueryのロゴ

[今さらjQuery] .toggleClass()メソッドで指定したクラスを出したり消したり

概要 toggleClass(クラス名)メソッドは、「クラス名」が在れば無くし、無ければ付け足

記事を読む

jQueryのロゴ

[今さらjQuery] [id^=”prefix”] キャレットイコールで前方一致

概要 jQueryのセレクタで、指定した文字列から始まる属性名を指定する。 例

記事を読む

jQueryのロゴ

[今さらjQuery] .html()でhtmlの内容を抽出する

例 <p>aaa</p> ↑HTML $('p')

記事を読む

jQueryのロゴ

[今さらjQuery] .val()メソッドでvalueの値を取得

例 <input id="tb" type="text"> <script

記事を読む

Googleアドセンスレスポンシブ

Message

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Googleアドセンスレスポンシブ

錠
Let’s Encrypt設定 Apache編

やり方   SSL/TLS証明書の作成 certb

拒否-logo
Adobe Acrobat Reader DC 起動時 右側 非表示 手順

手順 Acrobat Reader DC起動したら右側のツ

php-logo
php7の互換性チェック

qiitaの記事のとおりでうまくいった。(ありがとうございます!)

sagishi
○○で月1万円ポイントを稼ぐ…みたいなやつの正体

何の話 情報商材による、言葉悪いですが、情弱ビジネスの話です。僕

net-logo
DNSのSPFとDKIMについてメモ

メール関連 SPF SPFレコードには、 そのドメイン名を

→もっと見る

PAGE TOP ↑