這篇文章主要介紹了jQuery源碼解讀之hasClass()方法,以注釋形式較為詳細的分析了hasClass()方法的實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文較為詳細的分析了jQuery源碼解讀之hasClass()方法。分享給大家供大家參考。具體分析如下：

代碼如下:

jQuery.fn.extend({

hasClass: function( selector ) {

//將要檢查的類名selector賦值給className, l為選擇器選擇的當前要檢查的jQuery對象數組的長度。

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é)點已經存在的類名。

//rclass = /[\t\r\n\f]/g，replace(rclass, " ")表示移除當前DOM節(jié)點類名里的制表符，換行符，回車符等。

//indexOf(className)，開始在當前DOM節(jié)點的類名里檢索是否有你要檢查的類名className，如果>=0，表示存在，返回true，跳出函數。

if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {

return true;

}

}

//循環(huán)檢查完了，發(fā)現每一個DOM元素里都沒有找到你要檢查的類名，則返回false,跳出函數。

//可見，只要你的jQuery對象數組里，發(fā)現有一個DOM元素的類名里包含你要查找的類名，則返回true，跳出函數。

return false;

}

});

希望本文所述對大家的jQuery程序設計有所幫助。

更多信息請查看IT技術專欄