jQuery要素にクラスが添付されているかどうかを確認します

jQueryコードスニペットWebページ要素に特定のCSSクラスが添付されているかどうかを確認します。要素に追加のフォーマットが必要かどうか、または特定のページ要素を保護するかどうかを確認するために使用できます。これを行うには、jQuery hasclass（）関数またはjquery is functionを使用できます。

<span>$("div").click(function(){
</span>	<span>if ( $(this).hasClass("protected") ) {
</span>		<span>//do something it does have the protected class!
</span>		<span>alert("i have the protected class");
</span>	<span>}
</span><span>});</span>

または

<span>$("div").click(function(){
</span>   <span>if ( $('#myDiv').is('.pretty.awesome') ) {
</span>	   <span>//do something it does have the protected class!
</span>	   <span>alert("i have the pretty and awesome classes");
</span>   <span>}
</span><span>});</span>

注：この方法では、他のことをテストできることもあります。 IE - 要素が非表示であるかどうかを確認します。

<span>if ( $('#myDiv').is(':hidden') ) {
</span>   <span>//do something I am hidden!
</span>   <span>alert("i am hidden!");
</span><span>}</span>

jQueryと要素のクラスに関するよくある質問（FAQ）

jQueryを使用して、要素に複数のクラスがあるかどうかを確認するにはどうすればよいですか？

if（$（ '＃element'）&& $（ '＃element'）。 「要素」、およびhasclass（ 'class1'）とhasclass（ 'class2'）要素にそれぞれ「class1」と「class2」があるかどうかを確認します。 &&オペレーターは、両方の条件が真でなければならないことを保証します。

jQueryを使用して、まだ持っていない場合は要素にクラスを追加できますか？これができる方法は次のとおりです。

if（！$（ '＃element'）。hasclass（ 'class1'））{
$（ '＃element'）。そうでない場合は、addclass（ 'class1'）が要素に「class1」を追加します。例は次のとおりです。

$（ '＃要素'）。RemoveClass（ 'class1'）;

このコードでは、$（ '＃element'）はID「要素」で要素を選択し、removeclass（ 'class1'）は要素から「class1」を削除します。要素がjQueryを使用してクラスをまったく持っている場合。これを行うには、attr（ 'class'）メソッドが定義されていないかどうかを確認します。これができる方法は次のとおりです。if（$（ '＃element'）。attr（ 'class'）！== undefined）{}
このコードでは、$（ '＃要素'）はID「要素」で要素を選択し、attr（ 'class'）を選択します。未定義でない場合、要素には少なくとも1つのクラスがあります。

jQueryを使用して要素上のクラスを切り替えるにはどうすればよいですか？

jQuelyのtoggleclass（）メソッドを使用して、要素のクラスを切り替えることができます。これは、要素にクラスがある場合、削除されることを意味します。クラスがない場合、追加されます。例は次のとおりです。

$（ '＃element'）。Toggleclass（ 'class1'）;
このコードでは、$（ '＃element'）はID「要素」で要素を選択し、gleclass（ 'class1'）は要素の「class1」をトーグルします。

以上がjQuery要素にクラスが添付されているかどうかを確認しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。