0){...}else」。"/> 0){...}else」。">
方法: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電腦。
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中文網其他相關文章!