.prop（）与.attr（）

所以jQuery1.6有了新的函数prop（）。

$(selector).click(function(){
    //instead of:
    this.getAttribute('style');
    //do i use:
    $(this).prop('style');
    //or:
    $(this).attr('style');
})

或者在这种情况下，他们会做同样的事情吗？

如果我必须切换到使用prop（），那么如果我切换到1.6，所有旧的attr（）调用都会中断？

更新

选择器='#id'$（选择器）.click（函数）{//而不是：var getAtt=this.getAttribute（'style'）；//我是否使用：var thisProp=$（this）.prop（'style'）；//或：var thisAttr=$（this）.attr（“样式”）；console.log（getAtt、thisProp、thisAttr）；});<script src=“https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js“></script>测试</div>

（另请参见此小提琴：http://jsfiddle.net/maniator/JpUF2/)

控制台将getAttribute作为字符串记录，将attr作为字符串记录但将prop作为CSSStyleDeclaration记录，为什么？这对我未来的编码有何影响？

当前回答

TL；博士

在大多数情况下，使用prop（）而不是attr（）。

属性是输入元素的当前状态。属性是默认值。

属性可以包含不同类型的内容。属性只能包含字符串

2014-07-16 09:45:52

其他回答

所有内容都在文档中：

属性和财产之间的差异在特定情况下可能很重要。在jQuery1.6之前，.attr（）方法在检索某些属性时有时会考虑属性值，这可能会导致不一致的行为。从jQuery1.6开始，.prop（）方法提供了显式检索属性值的方法，.attr（）方法检索属性。

所以使用道具！

2011-05-03 19:35:47

属性->HTML

财产->DOM

2014-12-26 13:28:55

在prop（）与attr（）中，几乎没有其他注意事项：

selectedIndex、tagName、nodeName、nodeType、ownerDocument、defaultChecked和defaultSelected。。应使用.prop（）方法检索和设置。这些属性没有相应的属性，只是财产。输入类型复选框.attr（'checked'）//返回已检查.prop（'checked'）//返回true.is（“：checked”）//返回trueprop方法返回选中、选中、禁用或禁用的布尔值，只读。。而attr返回定义的字符串。所以，你可以直接在if条件下使用.prop（'checked'）。.attr（）在内部调用.prop（），因此.attr比直接通过.prop（）访问它们慢。

2020-05-14 16:58:16

在jQuery1.6之前，attr（）方法在检索属性时有时会考虑属性值，这会导致相当不一致的行为。

prop（）方法的引入提供了一种显式检索属性值的方法，而.attr（）检索属性。

文件：

jQuery.attr（）获取匹配元素集合中第一个元素的属性值。

jQuery.prop（）获取匹配元素集合中第一个元素的属性值。

2015-10-25 00:05:40

有一件事.attr（）可以做到。prop（）不能做到：影响CSS选择器

这是我在其他答案中没有看到的问题。

CSS选择器[名称=值]

将响应.attr（'name'，'value'）但不总是.prop（'name'，'value'）

.prop（）仅影响少数属性选择器