DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery如何判斷某元素是否具備指定的樣式
jquery如何判斷某元素是否具備指定的樣式
編輯:JQuery特效代碼     
分為以下2種情況:
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")
}
});

注:以上代碼可以實現點擊切換背景顏色。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved