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

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

代碼如下:

jquery.fn.extend({

hasclass: function( selector ) {

//將要檢查的類名selector賦值給classname, l為選擇器選擇的當(dāng)前要檢查的jquery對(duì)象數(shù)組的長度。

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ì)有所幫助。