答案是：attr用于操作HTML属性，返回字符串，适合处理src、href等原始标签属性；prop用于操作DOM对象属性，反映元素当前状态，适合处理checked、disabled等状态属性。实际使用中应根据场景选择：状态判断用prop，结构属性用attr。
在jQuery中，attr 和 prop 都用于获取或设置元素的属性，但它们的作用对象和使用场景有本质区别。
attr 操作的是HTML属性
attr 用来获取或设置元素标签上的HTML属性，也就是你在HTML代码中直接看到的属性值。这些值始终是字符串类型。
适用于自定义属性、src、href、title等原始HTML属性 即使DOM发生变化，返回的仍是最初写在标签里的值（除非显式修改） 适合处理需要反映在HTML标签中的内容
例如：
$('#myCheck').attr('checked') —— 初始返回 “checked”，即使用户取消选中，仍可能返回 “checked”
prop 操作的是DOM对象的属性
prop 访问的是JavaScript DOM对象本身的属性，反映的是元素当前的状态，类型可以是布尔值、字符串等。
适用于 checked、selected、disabled、readonly 等表示状态的属性 返回的是真实当前状态，比如是否真的被选中 对于表单元素的状态控制更准确
继续上面的例子：$('#myCheck').prop('checked') —— 用户勾选时返回 true，取消后返回 false，动态更新
实际使用建议
理解两者的区别后，选择更合适的API：
判断复选框是否选中：用 .prop('checked') 获取自定义data-*属性：用 .attr('data-id') 设置img的src：可用 .attr('src', 'path/to/img.jpg') 禁用按钮：推荐 .prop('disabled', true) 而不是 attr
基本上就这些。简单说：状态用 prop，结构用 attr。不复杂但容易忽略细节。
以上就是Jquery中attr与prop的区别有哪些？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1538701.html
微信扫一扫 
支付宝扫一扫 
