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