Question

jquery中attr和prop的区别

Answer 1

1. 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。

2. 对于HTML元素自己自定义的DOM属性，在处理时，使用attr方法。

　　举几个例子：

1. 

   这个例子里<a>元素的DOM属性有“href、target和class"，这些属性就是<a>元素本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。处理这些属性时，建议使用prop方法。

2. <a href="#" id="link1" action="delete">删除</a>

   这个例子里<a>元素的DOM属性有“href、id和action”，很明显，前两个是固有属性，而后面一个“action”属性是自己自定义上去的，<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。

   再举一个例子：

3. <input id="chk1" type="checkbox" />是否可见

   <input id="chk2" type="checkbox" checked="checked" />是否可见

   像checkbox，radio和select这样的元素，选中属性对应“checked”和“selected”，这些也属于固有属性，因此需要使用prop方法去操作才能获得正确的结果。

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

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

   如果上面使用attr方法，则会出现：

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

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

Answer 2

　　有的浏览器只要写disabled，checked就可以了，而有的要写成
disabled ="disabled"，checked="checked"，比如用attr("checked")获取checkbox的
checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。

      Jquery提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。

　　那么，什么时候使用attr()，什么时候使用prop()？

    　　1.添加属性名称该属性就会生效应该使用prop();

    　　2.是有true,false两个属性使用prop();

    　　3.其他则使用attr();

以下是官方建议attr(),prop()的使用：