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

更新時(shí)間：2013年11月05日 15:36:40 作者：

判斷某元素是否具備指定的樣式的方法有很多，在接下來的文章中為大家介紹下jquery是如何做到的

分為以下2種情況：
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元素只有一個(gè)，則jquery的each只執(zhí)行一次。
2.如果css寫成類樣式，可以通過獲取class屬性的值來判斷，示例如下：
判斷id為divid的div元素是否含有類樣式divclass：

復(fù)制代碼代碼如下:

 
.divclass{ 
background-color: #F33; 
} 
<div id="divid" class="divclass"></div> 

jquery代碼如下：

復(fù)制代碼代碼如下:

 
jQuery("#divid").click(function(){ 
if(jQuery(this).attr("class").indexOf("divclass")>0){ 
jQuery(this).removeClass("divclass") 
}else{ 
jQuery(this).addClass("divclass") 
} 
}); 

注：以上代碼可以實(shí)現(xiàn)點(diǎn)擊切換背景顏色。

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)顯示已選用戶
選擇用戶是一個(gè)比較常用的功能，主要包含2個(gè)功能點(diǎn)（保存已選選項(xiàng)、顯示已選用戶）
2014-07-07
jQuery如何取id有.的值一般的方法是取不到的
這篇文章主要介紹了jQuery如何取id有.的值一般的方法是取不到的,需要的朋友可以參考下
2014-04-04
EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表(2)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox級(jí)聯(lián)下拉列表的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng)
這篇文章主要介紹了jquery使用animate方法實(shí)現(xiàn)控制元素移動(dòng),涉及jQuery中animate方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-03-03
實(shí)現(xiàn)placeholder效果的方案匯總
由于placeholder是html5的新屬性，可想而知，僅支持html5的瀏覽器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。
2015-06-06
關(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)
下面小編就為大家?guī)硪黄P(guān)于Jquery中的bind(),on()綁定事件方式總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-10-10
推薦25個(gè)超炫的jQuery網(wǎng)格插件
本文給大家推薦了25個(gè)jQuery網(wǎng)格特效插件，在此集合中，我們將展示一些非?？岬膉Query插件和資源在網(wǎng)格布局設(shè)計(jì)，提高了數(shù)據(jù)的介紹。一些實(shí)用的插件，一定會(huì)提供一個(gè)美好的用戶體驗(yàn)。同時(shí)，一些精致的資源，這將有助于布局精美的數(shù)據(jù)范圍。
2014-11-11
jQuery中removeData()方法用法實(shí)例
這篇文章主要介紹了jQuery中removeData()方法用法,實(shí)例形式分析了removeData()方法移除匹配元素指定數(shù)據(jù)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法,可實(shí)現(xiàn)針對(duì)鏈接文字的查找及鏈接屬性進(jìn)行替換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
三種取消選中單選框radio的方法
取消選中單選框radio，第一種，第二種方式是使用jQuery實(shí)現(xiàn)的，第三種方式是基于JS和DOM實(shí)現(xiàn)的，大家可以看看下面的示例
2014-09-09