jQuery源碼解讀之hasClass()方法分析
本文較為詳細(xì)的分析了jQuery源碼解讀之hasClass()方法。分享給大家供大家參考。具體分析如下:
hasClass: function( selector ) {
//將要檢查的類名selector賦值給className, l為選擇器選擇的當(dāng)前要檢查的jQuery對(duì)象數(shù)組的長(zhǎng)度。
var className = " " + selector + " ",
i = 0,
l = this.length;
//循環(huán)檢查每一個(gè)DOM元素的類名
for ( ; i < l; i++ ) {
//this[i].nodeType === 1,判斷當(dāng)前DOM節(jié)點(diǎn)的節(jié)點(diǎn)類型,1表示元素節(jié)點(diǎn)。
//this[i].className,獲取當(dāng)前DOM節(jié)點(diǎn)已經(jīng)存在的類名。
//rclass = /[\t\r\n\f]/g,replace(rclass, " ")表示移除當(dāng)前DOM節(jié)點(diǎn)類名里的制表符,換行符,回車符等。
//indexOf(className),開始在當(dāng)前DOM節(jié)點(diǎn)的類名里檢索是否有你要檢查的類名className,如果>=0,表示存在,返回true,跳出函數(shù)。
if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
return true;
}
}
//循環(huán)檢查完了,發(fā)現(xiàn)每一個(gè)DOM元素里都沒有找到你要檢查的類名,則返回false,跳出函數(shù)。
//可見,只要你的jQuery對(duì)象數(shù)組里,發(fā)現(xiàn)有一個(gè)DOM元素的類名里包含你要查找的類名,則返回true,跳出函數(shù)。
return false;
}
});
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
- jQuery源碼解讀之a(chǎn)ddClass()方法分析
- jQuery源碼解讀之removeAttr()方法分析
- jQuery源碼分析之jQuery.fn.each與jQuery.each用法
- 從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法
- jQuery源碼分析之jQuery中的循環(huán)技巧詳解
- 通過jQuery源碼學(xué)習(xí)javascript(三)
- 通過jQuery源碼學(xué)習(xí)javascript(二)
- jQuery中removeClass()方法用法實(shí)例
- 使用JS實(shí)現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
- jQuery源碼解讀之removeClass()方法分析
相關(guān)文章
jquery下拉select控件操作方法分享(jquery操作select)
這篇文章主要介紹了jquery下拉select控件操作方法分享(jquery操作select),需要的朋友可以參考下2014-03-03可以顯示單圖片,多圖片ajax請(qǐng)求的ThickBox3.1類下載
ThickBox是一個(gè)基于JQuery類庫的擴(kuò)展 以下的是ThickBox3.1的實(shí)例+代碼調(diào)用方法2007-12-12ASP.NET jQuery 實(shí)例8 (動(dòng)態(tài)添加內(nèi)容到DropDownList)
在web應(yīng)用里,我們經(jīng)常需要通過其他控件的事件觸發(fā)動(dòng)態(tài)構(gòu)造DropDownList數(shù)據(jù)內(nèi)容。在這節(jié)中,我們將會(huì)看到如何實(shí)現(xiàn)通過選擇第一個(gè)下來框的內(nèi)容來動(dòng)態(tài)構(gòu)造第二個(gè)下拉框的內(nèi)容2012-02-02jquery 禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件
本篇文章主要介紹了jquery禁止鼠標(biāo)右鍵并監(jiān)聽右鍵事件的相關(guān)知識(shí)。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04jquery限定文本框只能輸入數(shù)字(整數(shù)和小數(shù))
這篇文章主要介紹了jquery限定文本框只能輸入數(shù)字,包括整數(shù)和小數(shù),感興趣的小伙伴們可以參考一下2016-01-01正則驗(yàn)證小數(shù)點(diǎn)后面只能有兩位數(shù)的方法
下面小編就為大家?guī)硪黄齽t驗(yàn)證小數(shù)點(diǎn)后面只能有兩位數(shù)的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02JQuery fileupload插件實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了JQuery fileupload插件實(shí)現(xiàn)文件上傳功能的相關(guān)資料,需要的朋友可以參考下2016-03-03jquery.pagination.js 無刷新分頁實(shí)現(xiàn)步驟分享
jquery.pagination.js 無刷新分頁實(shí)現(xiàn)步驟分享,需要的朋友可以參考下2012-05-05