jquery中attr和prop的区别

今天研究了一下前端jquery的attr给固有属性加值。分享给大家：jquery高版本引入prop方法后，应该什么时候使用prop？什么时候使用属性？他们两个有什么区别？这些问题出现了。关于两者的区别网上有很多回答。在这里说说我的经历吧，我的心很简单：针对HTML元素本身固有的属性，在处理的时候使用prop方法。对于我们自己自定义的HTML元素的DOM属性，在处理的时候使用attr方法。上面的描述可能有点模糊，但举几个例子就足够了。百度本例中元素的DOM属性包括“href,targetandclass”,这些属性是元素本身的属性，也包含在W3C标准中，或者是IDE中可以智能提示的属性，这些被称为固有属性。在处理这些属性时，推荐使用prop方法。删除本例中元素的DOM属性包括“href、id、action”。很明显，前两个是固有属性，后面的“action”属性是我们自己自定义的，元素本身是没有这个属性的。这是自定义DOM属性。在处理这些属性时，推荐使用attr方法。使用prop方法获取值和设置属性值时，会返回undefined值。又如：是否可见selected属性对应的是“checked”和“selected”，这些也是固有属性，需要使用prop方法进行操作才能得到正确的结果。$("#chk1").prop("checked")==false$("#chk2").prop("checked")==true如果上面使用attr方法，会出现：$("#chk1").attr("checked")==undefined$("#chk2").attr("checked")=="checked"