attr 和 css的區別

2021-08-28 02:57:10 字數 426 閱讀 1518

使用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( )。

總結:css() :獲取和修改的是樣式裡面的屬性,即是style裡面的屬性。

jQuery prop和attr的區別

兩者對比 jquery方法 原理適合場景 缺陷prop 解析原生property element.property radio checkbox select標籤 等需要讀boolean和索引的場合 讀不到自定義屬性 如my屬性讀不到 attr 通過attr api去讀取 element.getat...

attr 和prop 的區別

prop是1.6.1才新出來的,兩者從中文意思理解,都是獲取 設定屬性的方法 attributes和 properties 1 對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。2 對於html元素是自定義的dom屬性,在處理時,使用attr方法。例子1 元素的dom屬性有 href...

prop 和attr 的區別

jquery1.6中新加了乙個方法prop 一直沒用過它,官方解釋只有一句話 獲取在匹配的元素集中的第乙個元素的屬性值。大家都知道有的瀏覽器只要寫disabled,checked就可以了,而有的要寫成disabled disabled checked checked 比如用attr checked ...