jqueryは、ある要素が指定されたスタイルを備えているかどうかをどのように判断します.

1244 ワード

次の2つのケースに分けられます.
1.cssが行内スタイルとして書かれている場合、style属性の値を取得することで判断できます.例は以下のとおりです.
idがdividのdiv要素にfont-sizeスタイルがあるかどうかを判断します.
 
  

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元素只有一个,则jquery的each只执行一次。
2.如果css写成类样式,可以通过获取class属性的值来判断,示例如下:
判断id为divid的div元素是否含有类样式divclass:
 
  
.divclass{
background-color: #F33;
}


jquery代码如下:
 
  
jQuery("#divid").click(function(){
if(jQuery(this).attr("class").indexOf("divclass")>0){
jQuery(this).removeClass("divclass")
}else{
jQuery(this).addClass("divclass")
}
});

注意:以上のコードはクリックで背景色を切り替えることができます.