关于jQuery中.attr()和.prop()

功能需求是这样的，两个radio：男和女，一个button：重置。启动页面默认选中男，在用户选择女之后又点击重置按钮，需要恢复到默认状态。

<input type="radio" id="hRdMale" checked="checked" name="sex" value="male" /><label for="hRdMale">男</label>
<input type="radio" id="hRdFemale" name="sex" value="female" /><label for="hRdFemale">女</label>
<button id="reSet">重置</button>

我的js代码是这样的：

$("#reSet").click(function() {$("input[name='sex']:first").attr("checked",true);
});

结果就是开头提到的样子，问了几个人都说不清楚，后来查了API后知道在jQuery1.6+的版本中添加了.prop()的方法，貌似和.attr()没什么区别，都可以用来获取和设置属性值。后来又了解到.prop()方法适用于Boolean值的属性，官方解释selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 以及defaultSelected 等属性需用.prop()方法。另外，看网上还有好多说“添加属性名称该属性就会生效应该使用.prop()”，本人没验证其他属性，倒是"checked"属性的确是添加就生效。所以，红色的两点应该就是.attr()和.prop()的区别所在了。

所以，将上面click事件方法里面的代码改成下面的就OK了。

$("input[name='sex']:first").prop("checked",true);

转载于:https://www.cnblogs.com/axl234/p/3806264.html

关于jQuery中.attr()和.prop()相关推荐

Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
jQuery中attr()和prop()方法的介绍
1.jQuery中用attr()方法来获取和设置元素属性.attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. attr(属性名) ...
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
jquery中attr和prop以及removeAttr和removeProp的区别
结论:attr和prop都可以获取自定义对象的属性值,区别是attr能获取标签元素自定义属性,prop无法获取,返回undefined,它只能获取标签自带属性. removeAttr标签上的属性都可以 ...
jquery 中attr和prop的区别
在jQuery API中也有专门解释: Attributes VS. Properties 在一些特殊的情况下,attributes和properties的区别非常大.在jQuery1.6之前,.at ...
jquery中attr和prop的区别分析
参考来源:http://www.jb51.net/article/62308.htm 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问 ...
jQuery 中 attr() 和 prop() 方法的区别
为什么80%的码农都做不了架构师?>>> 具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他 ...
转，jquery中attr和prop的区别
https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 像checkbox,radio和select这样的元素 ...
[jQuery] jQuery的attr和prop方法有什么区别？
[jQuery] jQuery的attr和prop方法有什么区别? 一.property 固有属性. 打开控制台审查元素切换Tab至 Properties下查看固有属性二.自定义属性(固有属性列表 ...

关于jQuery中.attr()和.prop()

关于jQuery中.attr()和.prop()相关推荐

最新文章

热门文章