欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間:2015年02月20日 11:38:14   作者:novaline  
這篇文章主要介紹了jQuery源碼解讀之removeClass()方法,以注釋形式較為詳細(xì)的分析了removeClass()方法的實(shí)現(xiàn)技巧與使用注意事項(xiàng),需要的朋友可以參考下

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

removeClass()方法和addClass()差別不大。這就來(lái)看看:

復(fù)制代碼 代碼如下:
jQuery.fn.extend({
    removeClass: function( value ) {
        var classes, elem, cur, clazz, j, finalValue,
            i = 0,
            len = this.length,
            proceed = arguments.length === 0 || typeof value === "string" && value;
        if ( jQuery.isFunction( value ) ) {
            return this.each(function( j ) {
//這里就是根據(jù)你傳遞的移除類名的函數(shù)返回的類名,再次調(diào)用removeClass自身了。
                jQuery( this ).removeClass( value.call( this, j, this.className ) );
            });
        }
        if ( proceed ) {
            classes = ( value || "" ).match( rnotwhite ) || [];
            for ( ; i < len; i++ ) {
                elem = this[ i ];
                cur = elem.nodeType === 1 && ( elem.className ?
                    ( " " + elem.className + " " ).replace( rclass, " " ) :
                    ""
                );
                if ( cur ) {
                    j = 0;
                    while ( (clazz = classes[j++]) ) {
//區(qū)別在下面的while循環(huán),當(dāng)檢索到當(dāng)前DOM元素包含你要移除的類名,會(huì)用replace替換成" "
                        while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
                            cur = cur.replace( " " + clazz + " ", " " );
                        }
                    }
//下面也是關(guān)鍵區(qū)別之一,判斷你是否傳遞了要移除的類名value。如果沒(méi)有傳遞,則finalValue="",如果此時(shí)DOM元素有類名的話,也就是條件為true,移除DOM元素的所有類名;
//如果傳遞了,則移除匹配的類名,移除后,沒(méi)有移除的類名拼接成了cur,去掉左右兩端的空格字符串,將DOM元素的類名設(shè)置成cur。
                    finalValue = value ? jQuery.trim( cur ) : "";
                    if ( elem.className !== finalValue ) {
                        elem.className = finalValue;
                    }
                }
            }
        }
        return this;
    }
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論