ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryにクラスが存在するかどうかを確認する方法

jqueryにクラスが存在するかどうかを確認する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-24 14:24:419151ブラウズ

jquery にクラスが存在するかどうかを確認する方法: 1. [is('.classname')] メソッドを使用します; 2. [hasClass('classname')] メソッドを使用します、コードは [$] ('div' ).hasClass('redColor')]。

jqueryにクラスが存在するかどうかを確認する方法

#このチュートリアルの動作環境: Windows7 システム、jquery3.2.1 バージョン この方法は、すべてのブランドのコンピューターに適しています。

jquery にクラスが存在するかどうかのメソッド:

jquery で要素に特定のクラス (クラス) が含まれているかどうかを判断するために使用できるメソッドが 2 つあります。どちらの方法も同じ機能を持ちます。 2 つのメソッドは次のとおりです。

  • is('.classname')

  • hasClass('classname')

次は、div 要素に redColor が含まれるかどうかの例です:

1.

is('.classname') メソッド

$('div').is('.redColor')
## を使用します。 #2. hasClass('classname') メソッドを使用します (jquery の下位バージョンは

hasClass('.classname') である可能性があることに注意してください)

<pre class="brush:php;toolbar:false">$(&amp;#39;div&amp;#39;).hasClass(&amp;#39;redColor&amp;#39;)</pre>以下は、次の例です。要素には redColor クラスが含まれています。含まれている場合は、そのクラスを blueColor に変更します。




.redColor {
background:red;
}
.blueColor {
background:blue;
}




jQuery check if an element has a certain class

This is a div tag with class name of "redColor"

is('.redColor') hasClass('.redColor') reset

$("#isTest").click(function () { if($(&#39;div&#39;).is(&#39;.redColor&#39;)){ $('div').addClass('blueColor'); } }); $("#hasClassTest").click(function () { if($(&#39;div&#39;).hasClass(&#39;redColor&#39;)){ $('div').addClass('blueColor'); } }); $("#reset").click(function () { location.reload(); });

関連する無料学習の推奨事項:
JavaScript

(ビデオ)

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:jQueryの選択オプションを削除するにはどうすればよいですか?次の記事:jQueryの選択オプションを削除するにはどうすればよいですか?

関連記事

続きを見る