jquery中attr和prop的區別

2021-07-27 23:34:21 字數 521 閱讀 2992

在高版本的jquery引入prop方法後,什麼時候該用prop?什麼時候用attr?它們兩個之間有什麼區別?這些問題就出現了。

關於它們兩個的區別,網上的答案很多。這裡談談我的心得,我的心得很簡單:

對於html元素本身就帶有的固有屬性,在處理時,使用prop方法。

對於html元素我們自己自定義的dom屬性,在處理時,使用attr方法。

以下是**示例,希望能夠幫助大家理解下

"chk1" type="checkbox" />是否可見

"chk2" type="checkbox" checked="checked" />是否可見

$("#chk1").prop("checked") == false

$("#chk2").prop("checked") == true

$("#chk1").attr("checked") == undefined

$("#chk2").attr("checked") == "checked"

jQuery中prop 和 attr 區別

prop 方法是在jquery1.6中新新增的。我們知道 attr checked 獲取checkbox的checked屬性時選中的時候可以取到值,值為 checked 但沒選中獲取值就是undefined。而現在使用prop方法獲取屬性則統一返回true和false。那麼具體的用法是什麼,以下是個...

jquery中attr 方法介紹和用法

在js中設定節點的屬性與屬性值用到setattribute 獲得節點的屬性與屬性值用到getattribute 而在jquery中,用乙個attr 就可以全部搞定了,贊乙個先 jquery中用attr 方法來獲取和設定元素屬性,attr是attribute 屬性 的縮寫,在jquery dom操作中...

jQuery中prop方法和attr方法的區別

舊版本的jqury用attr方法來設定或者獲取元素的屬性,但是存在bug,所以新版本在此基礎上推出了prop方法,現在推薦使用prop這個方法來幹這個事情。jquery在1.6以上的版本新增了乙個prop方法,這個方法和attr的作用很像,但各司其責。以上的版本用 selector prop che...