关于jquery中attr()和prop()方法的区别
最近项目回归使用jquery，页面渲染全是使用jquery做的，所以做的时候也遇到了许多以前没有见过的问题，如这次操作【radio】控件的"checked"属性时有遇到问题，
$("...").attr("checked",false);无法起到作用，上网查了下使用prop()完美的解决了该问题，特此记录一下。
官方定义：attr():
attr() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值，则返回第一个匹配元素的值。
当该方法用于设置属性值，则为匹配元素设置一个或多个属性/值对。
prop():
prop() 方法设置或返回被选元素的属性和值。
当该方法用于返回属性值时，则返回第一个匹配元素的值。
当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。
$('').attr()返回的是html对象
$('').prop()返回的是DOM对象
prop()
方法操作radio（checkbox）之类的控件，让其选中的时候，其控件选中的值也会随之改变。即既可以控制其选中，也能控制其取消选中；
类似于$("...").attr("checked");返回的是true或者false
如果有相应的属性，返回的是该属性，如果没有则返回空串
attr()
方法操作adio（checkbox）之类的控件，让其选中的时候，其控件选中的值不会随之改变。即只能控制其选中，不能控制其取消选中；
类似于$("...").attr("checked");返回的是'checked'或者undefined
如果有相应的属性，返回的是该属性，如果没有则返回undefined
attr和prop的使用场景：
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();（如'checked','selected','disabled'等）
3.其他则使用attr();
官方推荐使用：
- jQuery .attr()和.removeAttr()方法操作元素属性示例
- jQuery使用attr()方法同时设置多个属性值用法实例
- jQuery中attr()和prop()在修改checked属性时的区别
- jQuery获取attr()与prop()属性值的方法及区别介绍
- Jquery attr()方法 属性赋值和属性获取详解
- jquery attr()设置和获取属性值实例教程
- 详谈jQuery操纵DOM元素属性 attr()和removeAtrr()方法
- jQuery中.attr()和.data()的区别分析
- 详谈jQuery中使用attr(), prop(), val()获取value的异同
- jquery更改元素属性attr()方法操作示例
相关文章
本文主要介绍了jQuery实现图片滑动效果的实例，具有很好的参考价值。下面跟着小编一起来看下吧2017-03-03
本文是小编给大家带来的jquery卸载全部事件的思路，非常不错，具有参考借鉴价值，需要的朋友一起看看吧！2017-04-04
这篇文章主要介绍了jQuery根据name属性进行查找的用法,结合实例形式分析了jQuery各种常见name属性获取元素的相关实现技巧,需要的朋友可以参考下2016-06-06
jQuery修改li下的样式以及li下的img的src的值的方法
这篇文章主要为大家介绍了jQuery如何修改li下的样式，以及修改li下的img的src的值，示例代码很简单，一看就会2014-11-11
代码点击注册按钮时无法提交表单，名称冲突可能会导致混乱的失败,接下来为大家介绍下解决方法，感兴趣的朋友可以了解下2013-04-04
jQuery是一个快捷简便的JavaScript框架，说道框架可以直接理解为就是对原来底层的东西进行了封装使得开发者能够利用这个框架快速开发。2010-11-11
这篇文章主要介绍了jQuery中offsetParent()方法用法,实例分析了offsetParent()方法的功能、定义及返回匹配元素所有祖先元素中第一个采用定位的祖先元素时的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery获取标签文本内容和html内容的方法,实例分析了jQuery中text和html方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
使用javascript自带的提示对话框，不怎么美观，如果使用自定义的，那么在样式上就会有更多的控制权了，下面为大家分享下Jquery自定义的弹窗2014-03-03
这篇文章主要为大家详细介绍了jQuery实现简易QQ聊天框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
最新评论