這篇文章主要介紹jquery怎么判斷是否存在class,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
jquery是否存在class的方法:1、使用【is(‘.classname’)】的方法;2、使用【hasClass(‘classname’)】的方法,代碼為【$('div').hasClass('redColor')】。
jquery是否存在class的方法:
在jquery中可以使用2種方法來判斷一個(gè)元素是否包含一個(gè)確定的類(class)。兩種方法有著相同的功能。2種方法如下:
is(‘.classname’)
hasClass(‘classname’)
以下是一個(gè)div元素是否包含一個(gè)redColor的例子:
1. 使用is(‘.classname’)
的方法
$('div').is('.redColor')
2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))
$('div').hasClass('redColor')
以下是檢測(cè)一個(gè)元素是否含有一個(gè)redColor類的例子,含有時(shí),則把其類變?yōu)閎lueColor。
<html> <head> <styletype="text/css"> .redColor { background:red; } .blueColor { background:blue; } </style> <scripttype="text/javascript"src="jquery-1.3.2.min.js"></script> </head> <body> <h2>jQuery check if an element has a certain class</h2> <divclass="redColor">This is a div tag with class name of "redColor"</div> <p> <buttonid="isTest">is('.redColor')</button> <buttonid="hasClassTest">hasClass('.redColor')</button> <buttonid="reset">reset</button> </p> <scripttype="text/javascript"> $("#isTest").click(function () { if($('div').is('.redColor')){ $('div').addClass('blueColor'); } }); $("#hasClassTest").click(function () { if($('div').hasClass('redColor')){ $('div').addClass('blueColor'); } }); $("#reset").click(function () { location.reload(); }); </script> </body> </html>
以上是“jquery怎么判斷是否存在class”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當(dāng)前標(biāo)題:jquery怎么判斷是否存在class-創(chuàng)新互聯(lián)
本文網(wǎng)址:http://www.chinadenli.net/article46/dhcihg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站維護(hù)、用戶體驗(yàn)、定制開發(fā)、手機(jī)網(wǎng)站建設(shè)、電子商務(wù)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容