0){...}else」。"/> 0){...}else」。">

首頁  >  文章  >  web前端  >  jquery怎麼查看物件是否有某個樣式

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

WBOY
WBOY原創
2022-06-13 17:14:312300瀏覽

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

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

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn