jquery怎麼查看物件是否有某個樣式

方法：1.若樣式為行內樣式，可利用style屬性的值來判斷，語法為「var a = $(this).attr("style").indexOf("屬性"); if(a != (-1)){...}else{...}”；2.若樣式為類別樣式，可利用class判斷，語法為「if(元素物件.attr("class") .indexOf("divclass")>0){...}else」。

本教學操作環境：windows10系統、jquery3.6.0版本、Dell G3電腦。

jquery怎麼查看物件是否有某個樣式

1、如果css寫成行內樣式，可以透過取得style屬性的值來判斷，範例如下：

判斷id為divid的div元素是否有font-size樣式：

<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元素只有一個，則jquery的each只執行一次。

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中文網其他相關文章！