jquery如何查看對象是否有某個樣式

這篇文章主要介紹“jquery如何查看對象是否有某個樣式”，在日常操作中，相信很多人在jquery如何查看對象是否有某個樣式問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”jquery如何查看對象是否有某個樣式”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

方法：1、如果樣式為行內樣式，可利用style屬性的值進行判斷，語法為“var a = $(this).attr("style").indexOf("屬性");if(a != (-1)){...}else{...}”；2、如果樣式為類樣式，可利用class判斷，語法為“if(元素對象.attr("class").indexOf("divclass")>0){...}else”。

本教程操作環境：windows10系統、jquery3.4.1版本、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如何查看對象是否有某個樣式”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！