以下の2つの場合に分けられます。
1. CSSがインラインスタイルとして記述されている場合は、style属性の値を取得することで判定できます。 例は以下の通りです。
div要素が存在するかどうかを判定します。 ID の分割にはフォント サイズのスタイルがあります:
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 のそれぞれは 1 回だけ実行されます。
2. CSSがクラススタイルとして記述されている場合、class属性の値を取得することで判定できます。
idがdividのdiv要素にクラススタイルが含まれているかどうかを判定します。 divclass:
.divclass{
background -color: #F33;
}
< div id="divid" class="divclass">
jquery コードは次のとおりです。 🎜>
コードをコピーします
コードは次のとおりです: jQuery("#divid").click( function(){ if(jQuery(this).attr("class").indexOf("divclass")>0){
jQuery(this).removeClass("divclass")
} else{
jQuery(this).addClass("divclass")
}
});
注: 上記のコードは、ワンクリックで背景色を切り替えることができます。