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

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

#このチュートリアルの動作環境: 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') である可能性があることに注意してください)

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">$(&amp;#39;div&amp;#39;).hasClass(&amp;#39;redColor&amp;#39;)</pre><div class="contentsignin">ログイン後にコピー</div></div>以下は、次の例です。要素には 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($('div').is('.redColor')){ $('div').addClass('blueColor'); } }); $("#hasClassTest").click(function () { if($('div').hasClass('redColor')){ $('div').addClass('blueColor'); } }); $("#reset").click(function () { location.reload(); });

ログイン後にコピー

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

JavaScript

(ビデオ)

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