jqueryでクラスを削除する方法

青灯夜游
リリース: 2022-04-21 18:47:22
オリジナル
2705 人が閲覧しました

方法: 1. 指定したクラスを要素から削除するには、removeClass()を使用します。構文は、「指定した要素.removeClass("クラス名")」です。パラメータを省略した場合は、すべてのクラスを削除できます; 2. toggleClass()、構文「specify element.toggleClass("クラス名",false)」を使用します。

jqueryでクラスを削除する方法

このチュートリアルの動作環境: Windows7 システム、jquery1.10.2 バージョン、Dell G3 コンピューター。

jquery でクラスを削除する方法

方法 1:removeClass() を使用する

RemoveClass() メソッドは、選択した要素から 1 つ以上のクラスを削除します。

$(selector).removeClass("类名")
ログイン後にコピー

パラメータが指定されていない場合、このメソッドは選択した要素からすべてのクラスを削除します。

例: p 要素の「intro」クラスを削除します:

       
  

这是一个标题

这是一个段落。

这是另一个段落。

ログイン後にコピー

jqueryでクラスを削除する方法

方法 2: toggleClass() を使用します

toggleClass() メソッドは、選択した要素の追加と削除の間で 1 つ以上のクラスを切り替えます。

このメソッドは、各要素で指定されたクラスをチェックします。クラスが存在しない場合は追加し、設定されている場合は削除します。これをトグル効果と呼びます。

ただし、「switch」パラメータを使用すると、クラスのみを削除または追加のみを指定できます。
#

$(selector).toggleClass(classname,switch)
ログイン後にコピー

       
  

这是一个标题

这是一个段落。

这是另一个段落。

ログイン後にコピー

[推奨学習:jqueryでクラスを削除する方法jQuery ビデオ チュートリアル

ウェブ フロントエンド ビデオ]

以上がjqueryでクラスを削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!
パラメータ 説明 function (index,currentclass) #スイッチ 例: 、
クラス名# ##必須。追加または削除する 1 つ以上のクラス名を指定します。複数のクラスを指定する必要がある場合は、スペースを使用してクラス名を区切ります。
オプション。追加/削除する必要がある 1 つ以上のクラス名を返す関数を指定します。
    index
  • - コレクション内の要素のインデックス位置を返します。
  • currentclass
  • - 選択した要素の現在のクラス名を返します。
オプション。クラスを追加のみするか (true)、削除するか (false) を指定するブール値。