jquery中prop()方法和attr()方法的区别浅析
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() )
|
√ |
转载于:https://www.cnblogs.com/jiftle/p/6405287.html
jquery中prop()方法和attr()方法的区别浅析相关推荐
- jquery中prop()方法和attr()方法的区别
tofixed: 四舍五入为指定小数位数的数字 tofixed(number) tofixed(2) 意四舍五入的位数为两位 jQuery 1.6 开始新增了一个方法 prop(); 1.添加属性名 ...
- jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
- jQuery中find()方法和filter()方法的区别
jQuery官方的API这样说明filter和find函数: filter(selector):Description: Reduce the set of matched elements to t ...
- python predict_对Keras中predict()方法和predict_classes()方法的区别说明
1 predict()方法 当使用predict()方法进行预测时,返回值是数值,表示样本属于每一个类别的概率,我们可以使用numpy.argmax()方法找到样本以最大概率所属的类别作为样本的预测标 ...
- java——Scanner中nextLine()方法和next()方法的区别
遇到一个有意思的东西,在整理字符串这块知识的时候,发现我在用Scanner函数时,在字符串中加入空格,结果空格后面的东西没有输出来(/尴尬),不多说直接上代码: import java.util.Sc ...
- ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数 而handler处理只能够通过 ...
- Keras中predict()方法和predict_classes()方法的区别
正如上篇博客中所讲,在Keras框架下执行深度学习任务时,一般会先根据训练数据集训练出模型,然后拿训练好的模型到生产环境(测试集)中部署并生产.以分类问题为例,当训练好了分类模型之后,我们要用这个模型 ...
- VBA中Activate方法和Select方法的区别
VBA中的Activate方法和Select方法看起来似乎相同,其实二者是有区别的.Activate方法的作用是激活,而Select方法的作用是选择.其区别如下: 1.对于"Sheets&q ...
- Scanner中nextLine()方法和next()方法的区别
我们在使用扫描器Scanner时,遇到了字符串肯定会使用API中定义好的next()和nextLine()方法.两者一个是能读取空格一个是不能读取空格就像下面的样子 当我们把二者交换位置,再来看一下效 ...
最新文章
- ________________2058_______________后台数据不够。可能误判。
- java 中流的使用
- java applet audion_java applet audion
- MySQL 读写分离 使用驱动com.mysql.jdbc.ReplicationDriver
- 无心剑古体诗《永恒之美》
- bzoj3130 [SDOI2013]费用流 结论+二分答案+网络流检验
- 人工智能/数据科学比赛汇总 2019.2
- oracle r修改表名,oracle中修改表名
- 【原】JavaScriptSerializer类的序列化和反序列化操作
- cad pu插件下载lisp_25个常用CAD插件 合集 下载
- exec还原oracle,详解通过Backup Exec来实施Oracle灾难恢复
- python中mid_Python生成音乐 之 mido库读取midi文件
- Linux下SPI Flash-W25Q64驱动调试
- masm32v12编译器自带库masm32.lib在nasm中的使用。
- 主线程启动多个子线程,子线程彼此之间并发执行,互不影响
- 小程序生命周期_微信小程序开发日记App生命周期
- python将pvr格式转换成pvr.ccz的代码
- OpenStack配置分布式路由(neutron)
- vue +SpringBoot + FreeMarker + FlyingSaucer 实现PDF在线预览、打印、下载
- 明辰智航网络一点通网络性能测试仪可以做什么
热门文章
- 【网址收藏】k8s zookeeper-operator示例
- K8S集群搭建:利用kubeadm构建K8S集群
- JVM调优:-XX:+UseConcMarkSweepGC 使用CMS垃圾回收器
- Scala数组和Java集合互转代码演示
- 使用$.post和$.get向服务器发送请求
- 傅立叶变换、拉普拉斯变换、Z变换之间 篇一
- 深入String、StringBuilder、StringBuffer
- 前端经典案例——购物车,Jquery实现
- 3.2.4 OS之页面分配策略(驻留集、页面分配、置换策略、抖动现象、工作集)
- android模拟全局按键,android命令行模拟输入事件(文字、按键、触摸等)