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

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

複製程式碼 程式碼如下:

jQuery.fn.extend({
    hasClass: function( selector ) {
//將要檢查的類別名稱selector賦值給className, l為選擇器選擇的目前要檢查的jQuery物件陣列的長度。
        var className = " " selector " ",
            i = 0,
            l = this.length;
//循環檢查每個DOM元素的類別名稱
        for ( ; i //this[i].nodeType === 1，判斷目前DOM節點的節點類型，1表示元素節點。
//this[i].className，取得目前DOM節點已經存在的類別名稱。
//rclass = /[trnf]/g，replace(rclass, " ")表示移除目前DOM節點類別名稱裡的製表符，換行符，回車符等。
//indexOf(className)，開始在目前DOM節點的類別名稱裡檢索是否有你要檢查的類別名稱className，如果>=0，表示存在，回傳true，跳出函數。
            if ( this[i].nodeType === 1 && (" " this[i].className " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
                return true;
            }
        }
//循環檢查完了，發現每個DOM元素裡都沒有找到你要檢查的類別名，則回傳false,跳出函數。
//可見，只要你的jQuery物件陣列裡，發現有一個DOM元素的類別名稱裡包含你要找的類別名，則回傳true，跳出函數。
        return false;
    }
});

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