jQuery源碼解讀之hasClass()方法分析_jquery

代碼如下: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é)點(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)每一個DOM元素里都沒有找到你要檢查的類名，則返回false,跳出函數(shù)。
//可見，只要你的jQuery對象數(shù)組里，發(fā)現(xiàn)有一個DOM元素的類名里包含你要查找的類名，則返回true，跳出函數(shù)。
return false;
}
});

希望本文所述對大家的jQuery程序設(shè)計(jì)有所幫助。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com