jquery中prop()方法和attr()方法的区别浅析
更新时间：2013年09月06日 14:39:35 作者：
官方例举的例子感觉和attr()差不多，也不知道有什么区别，既然有了prop()这个新方法，不可能没用吧，那什么时候该用attr()，什么时候该用prop()呢
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。
大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。
jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用attr获取checked属性时返回"checked"和"",现在使用prop方法获取属性则统一返回true和false。
那么，什么时候使用attr()，什么时候使用prop()？
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
项目中jquery升级的时候大家要注意这点！
以下是官方建议attr(),prop()的使用：
| Attribute/Property | .attr() |
.prop() |
|---|---|---|
| accesskey | √ | |
| align | √ | |
| async | √ | √ |
| autofocus | √ | √ |
| checked | √ | √ |
| class | √ | |
| contenteditable | √ | |
| draggable | √ | |
| href | √ | |
| id | √ | |
| label | √ | |
| location ( i.e. window.location ) | √ | √ |
| multiple | √ | √ |
| readOnly | √ | √ |
| rel | √ | |
| selected | √ | √ |
| src | √ | |
| tabindex | √ | |
| title | √ | |
| type | √ | |
width ( if needed over .width() ) |
√ |
您可能感兴趣的文章:
相关文章
在Javascript学习笔记5 类和对象中，我简单地提到了利用JSON去构造一个对象。2010-01-01
javascript高级选择器querySelector和querySelectorAll全面解析
下面小编就为大家带来一篇javascript高级选择器querySelector和querySelectorAll全面解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-04-04
JavaScript字符串对象toLowerCase方法入门实例（用于把字母转换为小写）
这篇文章主要介绍了JavaScript字符串对象toLowerCase方法入门实例,toLowerCase方法用于把字母字符串转换为小写形式,需要的朋友可以参考下2014-10-10
js取得url地址参数实例，需要的朋友可以参考一下2013-02-02
js的函数调用会免费奉送两个而外的参数就是 this 和 arguments,我们所知道的应该有4中调用方式吧，接下来将为您详细介绍，感兴趣的朋友可以参考下2012-12-12
javascript学习笔记整理（概述、变量、数据类型简介）
这篇文章主要介绍了javascript学习笔记整理（概述-变量-数据类型）,需要的朋友可以参考下2015-10-10
JavaScript中setFullYear()方法的使用详解
这篇文章主要介绍了JavaScript中setFullYear()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
Three.js是一个伟大的开源WebGL库，WebGL允许JavaScript操作GPU，在浏览器端实现真正意义的3D本文将介绍模拟光照/Attribut变量/更新着色器材质/更新着色器材质等等感兴趣的朋友可以了解下啊2013-01-01
使用Math.floor与Math.random取随机整数的方法详解
本篇文章对使用Math.floor与Math.random取随机整数的方法进行了详细的分析介绍。需要的朋友参考下2013-05-05
这篇文章主要为大家详细介绍了javascript的闭包，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
最新评论