读jQuery之十七（attribute/property/class）

jQuery的属性模块提供了如下方法

attr/removeAttr

prop/removeProp（1.6）

addClass/removeClass/toggleClass/hasClass

val

提供了几个静态方法以支持JQ对象以上方法，如jQuery.attr 对应 attr，即jq对象的attr方法内部调用了jQuery.attr。其次还有

jQuery.removeAttr -> removeAttr

jQuery.prop -> prop

看代码可发现attr和prop方法中都直接调用的是jQuery.access

attr: function( name, value ) {
    return jQuery.access( this, name, value, true, jQuery.attr );
},
prop: function( name, value ) {
    return jQuery.access( this, name, value, true, jQuery.prop );
},

最后一个参数分别是jQuery.attr，jQuery.prop。可以想象在jQuery.access中会调用传入的这个函数。下面是jQuery.access的源码

access: function( elems, key, value, exec, fn, pass ) {
    var length = elems.length;
 
    // Setting many attributes
    if ( typeof key === "object" ) {
        for ( var k in key ) {
            jQuery.access( elems, k, key[k], exec, fn, value );
        }
        return elems;
    }
 
    // Setting one attribute
    if ( value !== undefined ) {
        // Optionally, function values get executed if exec is true
        exec = !pass && exec && jQuery.isFunction(value);
 
        for ( var i = 0; i < length; i++ ) {
            fn( elems[i], key, exec ? value.call( elems[i], i, fn( elems[i], key ) ) : value, pass );
        }
 
        return elems;
    }
 
    // Getting an attribute
    return length ? fn( elems[0], key ) : undefined;
},