jquery中prop()方法和attr()方法的区别浅析


Posted in Javascript onSeptember 06, 2013

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 相关文章推荐
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
Tab页界面,用jQuery及Ajax技术实现
Sep 21 Javascript
javascript中xml操作实现代码
Nov 21 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
详解AngularJS中的filter过滤器用法
Jan 04 Javascript
JavaScript中关于iframe滚动条的去除和保留
Nov 17 Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 Javascript
正则表达式基本语法及表单验证操作详解【基于JS】
Apr 07 Javascript
Vue.js在使用中的一些注意知识点
Apr 29 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
CheckBoxList多选样式jquery、C#获取选择项
Sep 06 #Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 #Javascript
Jquery的hover方法让鼠标经过li时背景变色
Sep 06 #Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 #Javascript
JS远程获取网页源代码实例
Sep 05 #Javascript
JSON序列化与解析原生JS方法且IE6和chrome测试通过
Sep 05 #Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 #Javascript
You might like
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
Yii中表单用法实例详解
2016/01/05 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
js 实现复制到粘贴板的功能代码
2010/05/13 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
JavaScript中操作Mysql数据库实例
2015/04/02 Javascript
JavaScript中使用Math.PI圆周率属性的方法
2015/06/14 Javascript
JavaScript中利用jQuery绑定事件的几种方式小结
2016/03/06 Javascript
js 颜色选择插件
2017/01/23 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
vue + typescript + 极验登录验证的实现方法
2019/06/27 Javascript
[02:02:38]VG vs Mineski Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python的正则表达式re模块的常用方法
2013/03/09 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
[原创]使用豆瓣提供的国内pypi源
2017/07/02 Python
python自动化脚本安装指定版本python环境详解
2017/09/14 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
python实现读取大文件并逐行写入另外一个文件
2018/04/19 Python
Python使用re模块正则提取字符串中括号内的内容示例
2018/06/01 Python
python创建文件备份的脚本
2018/09/11 Python
Python连接Hadoop数据中遇到的各种坑(汇总)
2020/04/14 Python
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
以下的初始化有什么区别
2013/12/16 面试题
中职应届生会计求职信
2013/10/23 职场文书
中学门卫岗位职责
2013/12/26 职场文书
心得体会开头
2014/01/01 职场文书
关于感恩的演讲稿500字
2014/08/26 职场文书
员工拾金不昧表扬稿
2015/05/05 职场文书
责任书格式
2019/04/18 职场文书
Nginx快速入门教程
2021/03/31 Servers
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers