$().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里面的屬性。
---------------------
作者：chdyiboke
來源：CSDN
原文：https://blog.csdn.net/chdyiboke/article/details/82700001
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！