jQuery源碼解讀之hasClass()方法分析
更新時間:2015年02月20日 11:25:40 作者:novaline
這篇文章主要介紹了jQuery源碼解讀之hasClass()方法,以注釋形式較為詳細(xì)的分析了hasClass()方法的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文較為詳細(xì)的分析了jQuery源碼解讀之hasClass()方法。分享給大家供大家參考。具體分析如下:
復(fù)制代碼 代碼如下:
jQuery.fn.extend({
hasClass: function( selector ) {
//將要檢查的類名selector賦值給className, l為選擇器選擇的當(dāng)前要檢查的jQuery對象數(shù)組的長度。
var className = " " + selector + " ",
i = 0,
l = this.length;
//循環(huán)檢查每一個DOM元素的類名
for ( ; i < l; i++ ) {
//this[i].nodeType === 1,判斷當(dāng)前DOM節(jié)點的節(jié)點類型,1表示元素節(jié)點。
//this[i].className,獲取當(dāng)前DOM節(jié)點已經(jīng)存在的類名。
//rclass = /[\t\r\n\f]/g,replace(rclass, " ")表示移除當(dāng)前DOM節(jié)點類名里的制表符,換行符,回車符等。
//indexOf(className),開始在當(dāng)前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為選擇器選擇的當(dāng)前要檢查的jQuery對象數(shù)組的長度。
var className = " " + selector + " ",
i = 0,
l = this.length;
//循環(huán)檢查每一個DOM元素的類名
for ( ; i < l; i++ ) {
//this[i].nodeType === 1,判斷當(dāng)前DOM節(jié)點的節(jié)點類型,1表示元素節(jié)點。
//this[i].className,獲取當(dāng)前DOM節(jié)點已經(jīng)存在的類名。
//rclass = /[\t\r\n\f]/g,replace(rclass, " ")表示移除當(dāng)前DOM節(jié)點類名里的制表符,換行符,回車符等。
//indexOf(className),開始在當(dāng)前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源碼學(xué)習(xí)javascript(三)
- 通過jQuery源碼學(xué)習(xí)javascript(二)
- jQuery中removeClass()方法用法實例
- 使用JS實現(xiàn)jQuery的addClass, removeClass, hasClass函數(shù)功能
- jQuery源碼解讀之removeClass()方法分析
相關(guān)文章
從零開始學(xué)習(xí)jQuery (二) 萬能的選擇器
本章講解jQuery最重要的選擇器部分的知識. 有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個或一組對象, 可以明顯減輕開發(fā)人員的工作量.2010-10-10
jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
利用jquery的fadeTo方法可以簡單的制作一些很不錯的動畫效果.可以使圖片或者文字或者區(qū)塊以不同的透明度效果出現(xiàn).例如以下練習(xí)實例,感興趣的朋友可以參考下哈2013-05-05
使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關(guān)掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01
jQuery獲取所有父級元素及同級元素及子元素的方法(推薦)
這篇文章主要介紹了jQuery獲取所有父級元素及同級元素及子元素的方法,本文給大家介紹的非常詳細(xì),具有參考借鑒價值 ,需要的朋友可以參考下2018-01-01

