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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
基于jquery的滑动样例代码
Nov 20 Javascript
js中将字符串转换成json的三种方式
Jan 12 Javascript
Three.js源码阅读笔记(Object3D类)
Dec 27 Javascript
jQuery滚动加载图片效果的实现
Mar 06 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
Vuejs入门教程之Vue生命周期,数据,手动挂载,指令,过滤器
Apr 19 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
layui实现三级导航菜单
Jul 26 Javascript
原生js实现滑块区间组件
Jan 20 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
PHP QRCODE生成彩色二维码的方法
2016/05/19 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
最简单的js图片切换效果实现代码
2011/09/24 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
2015/06/22 Javascript
简述jQuery ajax的执行顺序
2016/01/05 Javascript
JavaScript中的原型继承基础学习教程
2016/05/06 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法
2017/07/09 Javascript
jquery.uploadView 实现图片预览上传功能
2017/08/10 jQuery
移动设备手势事件库Touch.js使用详解
2017/08/18 Javascript
对于input 框限定输入值为浮点型的js代码
2017/09/25 Javascript
vue 注册组件的使用详解
2018/05/05 Javascript
JAVA面试题 static关键字详解
2019/07/16 Javascript
[01:05:00]2018国际邀请赛 表演赛 Pain vs OpenAI
2018/08/24 DOTA
Python中输出ASCII大文字、艺术字、字符字小技巧
2015/04/28 Python
使用Python生成url短链接的方法
2015/05/04 Python
浅谈Python中用datetime包进行对时间的一些操作
2016/06/23 Python
Python中文件I/O高效操作处理的技巧分享
2017/02/04 Python
Python中的单继承与多继承实例分析
2018/05/10 Python
python面试题之列表声明实例分析
2019/07/08 Python
pygame实现贪吃蛇游戏(上)
2019/10/29 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
django使用JWT保存用户登录信息
2020/04/22 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
Python tkinter界面实现历史天气查询的示例代码
2020/08/23 Python
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
Ray-Ban雷朋奥地利官网:全球领先的太阳眼镜品牌
2020/10/12 全球购物
工商管理专业应届生求职信
2013/11/04 职场文书
机械化及自动化毕业生的自我评价分享
2013/11/06 职场文书
高一生物教学反思
2014/01/17 职场文书
禁毒宣传工作方案
2014/05/23 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
大三学生学年自我鉴定
2014/09/12 职场文书
企业法人授权委托书范本
2014/09/23 职场文书
房产遗嘱范本
2015/08/06 职场文书