使用jQuery与document.getElementById给元素设置属性的差异

使用jQuery给元素的属性设置值时，如果此值是一个对象，则赋值给属性的值为字符串"[object Object]"。使用document.getElementById设置属性时，则能按变量类型正确赋值。

还是来看看下面的程序的执行结果：

<script type="text/javascript">
     var data = {name:'javascript'}
     $('#file').attr('pro1',data);
     alert("jQuery.attr('pro1'):" + $('#file').attr('pro1').name);// output undefined
     alert("document.getElementById('pro1'):" + document.getElementById('file').pro1.name););//output  undefined
     
     document.getElementById('file').pro2 = data;
     alert("jQuery.attr('pro2'):" + $('#file').attr('pro2').name);//output 'javascript'
     alert("document.getElementById('pro2'):" + document.getElementById('file').pro2.name); //output 'javascript' 

</script>