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

更新時(shí)間：2015年02月20日 11:25:40 作者：novaline

這篇文章主要介紹了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ì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery 陰影插件代碼分享
jQuery 陰影插件代碼分享，需要的朋友可以參考下。
2012-01-01
jquery實(shí)現(xiàn)二級(jí)導(dǎo)航下拉菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)二級(jí)導(dǎo)航下拉菜單效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-12-12
jQuery登陸判斷簡單實(shí)現(xiàn)代碼
登陸判斷在實(shí)際應(yīng)用中還是比較常見，在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān)，感興趣的朋友可以參考下
2013-04-04
從零開始學(xué)習(xí)jQuery (二) 萬能的選擇器
本章講解jQuery最重要的選擇器部分的知識(shí). 有了jQuery的選擇器我們幾乎可以獲取頁面上任意的一個(gè)或一組對(duì)象, 可以明顯減輕開發(fā)人員的工作量.
2010-10-10
基于jQuery的實(shí)現(xiàn)簡單的分頁控件
分頁控件需要向后臺(tái)發(fā)送請(qǐng)求，發(fā)送的參數(shù)包括當(dāng)前頁，每頁顯示數(shù)量，查詢條件；并且獲取數(shù)據(jù)加載到當(dāng)前頁面
2010-10-10
jQuery fadeTo方法調(diào)整圖片的透明度使用介紹
利用jquery的fadeTo方法可以簡單的制作一些很不錯(cuò)的動(dòng)畫效果.可以使圖片或者文字或者區(qū)塊以不同的透明度效果出現(xiàn).例如以下練習(xí)實(shí)例，感興趣的朋友可以參考下哈
2013-05-05
基于jquery的圖片幻燈展示源碼
基于jquery的圖片幻燈展示源碼，需要的朋友可以參考下
2012-07-07
淺析jquery unbind()方法移除元素綁定的事件
下面小編就為大家?guī)硪黄獪\析jquery unbind()方法移除元素綁定的事件。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
使用jquery讀取html5 localstorage的值的方法
在HTML 5中，localstorage是個(gè)不錯(cuò)的東西，在支持localstorage的瀏覽器中，能持久化用戶表單的輸入，即使關(guān)掉瀏覽器，下次重新打開瀏覽器訪問，也能讀出其值,很不錯(cuò)的一個(gè)東西，接下來實(shí)例介紹，需要的朋友可以參考下
2013-01-01
jQuery獲取所有父級(jí)元素及同級(jí)元素及子元素的方法(推薦)
這篇文章主要介紹了jQuery獲取所有父級(jí)元素及同級(jí)元素及子元素的方法，本文給大家介紹的非常詳細(xì)，具有參考借鑒價(jià)值 ,需要的朋友可以參考下
2018-01-01