jquery.attr 等类似的多源函数问题

在使用jquery时，我们常会写这样的代码：

$("div").attr("d1",d1).attr("d2",d2");

这种代码极大的减少了$("div")这个取对象的运算过程，可以明显的加快代码运行速度，但这里有个问题需要大家注意：

当d1＝undefined时，这里就会报“SCRIPT5007: 无法获取属性“attr”的值: 对象为 null 或未定义”

究其原因是因为jquery.attr函数有两个原型，

jquery.attr("name")

jquery.attr("name",value);

这两个函数一个是取值，一个是设置值的，

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

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;
}

在我们使用jquery.attr 时，jquery是通过判断key值的类型来决定是取值，还是设置新值，当我们代码中的d1=undefined时，原本设置新值的函数就变成了取值函数，取出来的值就不再是一个jquery对象了，当然也就没有.attr函数了。

同样的道理，还有很多类似的函数要注意。