js中prop和attr区别
来源:互联网 发布:电话网络怎么网上缴费 编辑:程序博客网 时间:2024/06/05 01:58
首先
- attr 是从页面搜索获得元素值,所以页面必须明确定义元素才能获取值,相对来说比较慢。
如:
<input name='test' type='checkbox'>
$('input:checkbox').attr('type'); 返回checkbox.
$('input:checkbox').attr('checked'); 返回undefined。
因为<input name='test' type='checkbox'>
中没有checked关键字。
- prop是从属性对象中取值,属性对象中有多少属性,就能获取多少值,不需要在页面中显示定义。
比如$('input:checkbox').prop('checked'); 返回false
。
这里就会遇到个问题:如果是自定义的属性,那么属性对象中是没有这个属性的。所以prop返回undefined。但是页面中可以检索到这个属性,所以attr是可以获取的。
其次
- attr获取的是初始化值,除非通过attr(‘name’,’value’)改变,否则值不变。prop属性值是动态的,比如checkbox,选中后,checked变为true,prop值也会发生改变。
总结
所以有个经验就是:
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。快速,准确。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
0 0
- js中prop和attr区别
- js中attr和prop的区别
- [JS]jQuery中attr和prop方法的区别
- js中attr和prop属性的区别
- prop()和attr()区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jquery中attr和prop的区别
- jQuery 中prop和attr区别
- jQuery中prop和attr的区别
- SIFT特征提取分析
- 最新国外极品后台管理系统模板ace admin v1.3,多种开发语言可用,HTML5+Bootstrap3.0
- SetCooperativeLevel函数介绍(设置协作等级)
- 防止单例模式被JAVA反射攻击(带代码慎入)
- maven创建web项目-pom文件提示web.xml is missing and <failOnMissingWebXml> is set to true
- js中prop和attr区别
- 用二次函数实现平滑的手势驱动动画
- 392. Is Subsequence (子序列判断)
- Go:去除程序启动时的控制台窗口
- Android网络切换分析
- 非源码apk的编译和安装
- 2. Android 系统开发常见问题
- 润乾报表v4-API导出EXCEL删除报表某一行或列
- Dojo1.11官方教程文档翻译(3.6)键盘事件