jquery如何判斷某元素是否具備指定的樣式
1.如果css寫(xiě)成行內(nèi)樣式,可以通過(guò)獲取style屬性的值來(lái)判斷,示例如下:
判斷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寫(xiě)成類(lèi)樣式,可以通過(guò)獲取class屬性的值來(lái)判斷,示例如下:
判斷id為divid的div元素是否含有類(lèi)樣式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")
}
});
注:以上代碼可以實(shí)現(xiàn)點(diǎn)擊切換背景顏色。
- JQuery獲取與設(shè)置HTML元素的內(nèi)容或文本的實(shí)現(xiàn)代碼
- jQuery 獲取對(duì)象 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
- JQuery中判斷一個(gè)元素下面是否有內(nèi)容或者有某個(gè)標(biāo)簽的判斷代碼
- jQuery使用append在html元素后同時(shí)添加多項(xiàng)內(nèi)容的方法
- jquery動(dòng)態(tài)增加text元素以及刪除文本內(nèi)容實(shí)例代碼
- jQuery獲取選中內(nèi)容及設(shè)置元素屬性的方法
- 使用jQuery內(nèi)容過(guò)濾選擇器選擇元素實(shí)例講解
- jQuery給元素添加樣式的方法詳解
- Jquery顯示、隱藏元素以及添加刪除樣式
- jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
- JQuery為元素添加樣式的實(shí)現(xiàn)方法
- jQuery操作元素的內(nèi)容和樣式完整實(shí)例分析
相關(guān)文章
jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動(dòng)的實(shí)例代碼
這篇文章介紹了jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動(dòng)的實(shí)例代碼,有需要的朋友可以參考一下2013-08-08jQuery實(shí)現(xiàn)滑動(dòng)星星評(píng)分效果(每日分享)
jQuery星星評(píng)分制作5顆星星鼠標(biāo)滑過(guò)評(píng)分打分效果,可取消評(píng)分結(jié)果,重新打分。下面通過(guò)代碼給大家講解的非常詳細(xì),需要的的朋友參考下2019-11-11jQuery使用serialize()表單序列化時(shí)出現(xiàn)中文亂碼問(wèn)題的解決辦法
列化中文時(shí)出現(xiàn)中文亂碼問(wèn)題,怎么回事呢?下面給大家介紹下jQuery使用serialize()序列化表單時(shí)出現(xiàn)中文亂碼問(wèn)題的解決辦法,有需要的朋友參考下2016-07-07基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效
本文通過(guò)實(shí)例代碼給大家介紹了基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-04-04jquery實(shí)現(xiàn)圖片左右間隔滾動(dòng)特效(可自動(dòng)播放)
圖片左右間隔滾動(dòng)Jquery特效,點(diǎn)擊滾動(dòng),不點(diǎn)擊自動(dòng)滾動(dòng),具體處理程序如下,感興趣的朋友可以參考下哈,希望可以幫助到你2013-05-05jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)手機(jī)號(hào)正則驗(yàn)證輸入及自動(dòng)填充空格功能,涉及jQuery事件響應(yīng)、字符串遍歷及正則判斷等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01jQuery表單對(duì)象屬性過(guò)濾選擇器實(shí)例詳解
這篇文章主要介紹了jQuery表單對(duì)象屬性過(guò)濾選擇器,結(jié)合實(shí)例形式詳細(xì)分析了jQuery針對(duì)表單元素進(jìn)行屬性過(guò)濾操作的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下2016-09-09jQuery簡(jiǎn)單設(shè)置文本框回車(chē)事件的方法
這篇文章主要介紹了jQuery簡(jiǎn)單設(shè)置文本框回車(chē)事件的方法,涉及jQuery簡(jiǎn)單事件綁定與響應(yīng)操作相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08前端開(kāi)發(fā)部分總結(jié)[兼容性、DOM操作、跨域等](持續(xù)更新)
在公司做這個(gè)項(xiàng)目已經(jīng)6個(gè)多月了,總結(jié)一些問(wèn)題,也算是拋磚引玉吧,希望更多的朋友一起分享一些技巧。2010-03-03