方法:1、如果樣式為行內(nèi)樣式,可利用style屬性的值進行判斷,語法為“var a = $(this).attr("style").indexOf("屬性");if(a != (-1)){…}else{…}”;2、如果樣式為類樣式,可利用class判斷,語法為“if(元素對象.attr("class").indexOf("divclass")>0){…}else”。
本教程操作環(huán)境:windows10系統(tǒng)、jquery3.4.1版本、Dell G3電腦。
jquery怎么查看對象是否有某個樣式
1、如果css寫成行內(nèi)樣式,可以通過獲取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只執(zhí)行一次。
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視頻教程