jqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法

方法: 1. スタイルがインライン スタイルの場合、style 属性の値を使用して判断できます。構文は "var a = $(this).attr("style").indexOf です。 ("属性"); if(a != (-1)){...}else{...}"; 2. スタイルがクラス スタイルの場合、クラスを使用して判断でき、構文は次のようになります。 "if(element object.attr("class") .indexOf("divclass")>0){...}else"。

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

jquery はオブジェクトが特定のスタイルを持っているかどうかをどのようにチェックしますか

1. CSS がインライン スタイルとして記述されている場合は、 の値を取得することで判断できます。 style 属性。例は次のとおりです:

ID divid の div 要素にフォント サイズのスタイルがあるかどうかを確認します:

<div id="divid" style="float:left; font-size:12px;"></div>

jquery コードは次のとおりです:

jQuery("#divid").each(function(){
  var fontSize = $(this).attr("style").indexOf("font-size");
  if(fontSize != (-1)){alert("已定义");}
  else{$(this).css({"float":"left","font-size":"12px"});}
});

注: ID divid を持つ div 要素が 1 つだけある場合、jquery Each は 1 回だけ実行されます。

2. CSSがクラススタイルで記述されている場合、class属性の値を取得することで判定できます。例は以下の通りです。 id が divid の div 要素にクラス スタイル divclass が含まれているかどうか:

.divclass{
background-color: #F33;
}
<div id="divid" class="divclass"></div>

jquery コードは次のとおりです:

jQuery("#divid").click(function(){
if(jQuery(this).attr("class").indexOf("divclass")>0){
    jQuery(this).removeClass("divclass")
}else{
    jQuery(this).addClass("divclass")
}
});

ビデオ チュートリアルの推奨事項:

jQuery ビデオ チュートリアル

以上がjqueryを使用してオブジェクトに特定のスタイルがあるかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。