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 相关文章推荐
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
Javascript绝句欣赏 一些经典的js代码
Feb 22 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
Jan 02 Javascript
jQuery实现平滑滚动到指定锚点的方法
Mar 20 Javascript
javascript中mouseover、mouseout使用详解
Jul 19 Javascript
js+canvas绘制矩形的方法
Jan 28 Javascript
基于JQuery打造无缝滚动新闻步骤详解
Mar 31 Javascript
JavaScript寄生组合式继承实例详解
Jan 06 Javascript
js canvas实现写字动画效果
Nov 30 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
React如何实现浏览器打印部分内容详析
May 19 Javascript
详解Vue2.5+迁移至Typescript指南
Aug 01 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
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
全面解读PHP的Yii框架中的日志功能
2016/03/17 PHP
php 的反射详解及示例代码
2016/08/25 PHP
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
原生JS实现美图瀑布流布局赏析
2015/09/07 Javascript
详谈$.data()的用法和作用
2017/02/13 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
将RGB值转换为灰度值的简单算法
2019/10/09 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
vue 移动端记录页面浏览位置的方法
2020/03/11 Javascript
jQuery HTML css()方法与css类实例详解
2020/05/20 jQuery
js回到页面指定位置的三种方式
2020/12/17 Javascript
利用node.js开发cli的完整步骤
2020/12/29 Javascript
让python json encode datetime类型
2010/12/28 Python
Python实现类继承实例
2014/07/04 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
python实现在一个画布上画多个子图
2020/01/19 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
德国家具在线:Fashion For Home
2017/03/11 全球购物
党员年终民主评议的自我评价
2013/11/05 职场文书
体育教学随笔感言
2014/02/24 职场文书
行政人事经理职位说明书
2014/03/05 职场文书
新农村建设典型材料
2014/05/31 职场文书
工程催款通知书
2015/04/17 职场文书
教你用python控制安卓手机
2021/05/13 Python
MySQL之MyISAM存储引擎的非聚簇索引详解
2022/03/03 MySQL
Golang使用Panic与Recover进行错误捕获
2022/03/22 Golang
疑《守望先锋2》A测截图泄露 或将推出新模式、新界面
2022/04/03 其他游戏
SONY600GR,国产收音机厂商永远的痛
2022/04/05 无线电
CSS中理解层叠性及权重如何分配
2022/12/24 HTML / CSS