首頁 > web前端 > js教程 > 主體

jquery如何判斷某元素是否具備指定的樣式_jquery

WBOY
發布: 2016-05-16 17:17:23
原創
1472 人瀏覽過

分為以下2種情況:
1.如果css寫成行內樣式,可以透過取得style屬性的值來判斷,範例如下:
判斷id為divid的div元素是否有font-size樣式:

複製程式碼 程式碼如下:


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;
}
}
}
}
}
}

複製代碼


程式碼如下:


jQuery("#divid").click(function(){
if(jQuery(this).attr("class").indexOf(" divclass")>0){
jQuery(this).removeClass("divclass")
}else{ jQuery(this).addClass("divclass") } }) ; 註:以上程式碼可以實現點擊切換背景顏色。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!