$().attr() 和 $().css的区别

    使用jquery的.attr( )方法去给div隐藏，这样写的 $("#div_id").attr("display","none"),发现并没有生效，但是docunment.getElementById("div_id").style("display","none")就生效了。 而且再调试的时候发现，使用$("#div_id").attr("width","180")也是生效的....

 

原因：应该写成 $("#div_id").css("display","none")  

            display属于css中的属性，而不属于该div的属性，而width既是div的属性，也是css的属性，所以会出现上面的情况，以后再使用jquery去修改某一标签的style 使用css( )，修改元素的属性  使用attr( ）。

 

总结：

attr()： 获取和修改的是元素的属性，如img的src属性和alt属性，a链接的href属性等等。

css() ：获取和修改的是样式里面的属性，即是style里面的属性。