jQuery.access()方法

最开始只是想了解attr方法,发现它内部调用了jQuery.access()方法。除了attr,还有prop、texthtmlcssdata 都是内部调用了jQuery.access()方法,可见它的重要。

    attr: function( name, value ) {
        return jQuery.access( this, jQuery.attr, name, value, arguments.length > 1 );
    }
    prop: function( name, value ) {
        return jQuery.access( this, jQuery.prop, name, value, arguments.length > 1 );
    }
    text: function( value ) {
        return jQuery.access( this, function( value ) {
            //code
        }, null, value, arguments.length );
    }
    html: function( value ) {
        return jQuery.access( this, function( value ) {
           //code
        }, null, value, arguments.length );
    }
    css: function( name, value ) {
        return jQuery.access( this, function( elem, name, value ) {
      //code
        }, name, value, arguments.length > 1 );
    }
    data: function( key, value ) {
    //code
        return jQuery.access( this, function( value ) {
        //code
        }, null, value, arguments.length > 1, null, true );
    }

源码分析:

    access: function( elems, fn, key, value, chainable, emptyGet, raw ) {
        var i = 0,
            length = elems.length,//jquery对象的长度
            bulk = key == null;//false

        // Sets many values
        if ( jQuery.type( key ) === "object" ) {//键值对方式赋值
            chainable = true;//链式
            for ( i in key ) {//遍历递归调用自身
                jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
            }

        // Sets one value
        } else if ( value !== undefined ) {//单赋值
            chainable = true;//链式
            //这种情况也是赋值 如.attr( attributeName, function(index, attr) )传入的value就是一个函数
            if ( !jQuery.isFunction( value ) ) {//如果第四个参数不是函数,raw为true
                raw = true;
            }

            if ( bulk ) {//key为null或者undefined时
                // Bulk operations run against the entire set
                if ( raw ) {
                    fn.call( elems, value );//不知道这种情况什么时候出现
                    fn = null;

                // ...except when executing function values
                } else {
                    bulk = fn;
                    fn = function( elem, key, value ) {
                        return bulk.call( jQuery( elem ), value );
                    };
                }
            }

            if ( fn ) {//如果第二个参数函数存在
                for ( ; i < length; i++ ) {//对jquery数组中的每一个元素调用回调
                    //如果value不是函数 fn(elems[i], key,value);
                    //如果value是函数:fn(elems[i], key,value.call( elems[i], i, fn( elems[i], key )));
                    fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
                }
            }
        }

        return chainable ? //如果是链式
            elems : //返回jquery对象

            // Gets 不是链式,是获取值
            bulk ? //key为undefined或者null
                fn.call( elems ) :
                length ? fn( elems[0], key ) : emptyGet; //如果jquery对象有长度,获取对象第一个元素的键值,没长度,返回emptyGet
    }

目前的疑问:

1、什么情况下key的值为null和undefined

to be continue...

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。