DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery源碼解讀之hasClass()方法分析
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 < l; i++ ) {
//this[i].nodeType === 1,判斷當前DOM節點的節點類型,1表示元素節點。
//this[i].className,獲取當前DOM節點已經存在的類名。
//rclass = /[\t\r\n\f]/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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved