在使用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函数了。
同样的道理,还有很多类似的函数要注意。