浅析jquery中attr属性和prop属性的区别
2024-10-11 06:52:43
最近在做项目的时候,发现到了prop这个属性,然后之前一直使用的是attr属性,觉得感觉上都差不多,jQuery也不可能专门做了两个相同的属性撒。所以就结合这两个属性研究了一下,也谈谈我对他们最简单最直观的理解。
----------------对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
----------------对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
打个比方,这是我之前的:
<a class="delete" title="你确定要删除此条信息吗?" aaa="delete"><span>删除</span></a>
$(".delete").attr("href", URL);
之前在项目中我喜欢在script里直接将a标签的href单独提出来,然后使用attr。但是标准写法应该是用prop。
在a标签里,class和title是能够直接被浏览器识别的、W3C中存在的、a标签自带的,称为固有属性。建议使用prop。而aaa是开发者自己写的,不会被浏览器直接识别的,建议用attr,使用prop方法取值和设置属性值时,就会返回undefined值。
具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop()。
相比attr,prop是1.6才新出来的。只是,window或document中使用.attr()方法在jQuery1.6之前不能正常运行,因为window和document中不能有attributes。prop应运而生了。
总的来说,就是jQuery版本差异!
最新文章
- 1.2 控制器 view 的创建和加载
- 前端性能监控方案window.performance 调研(转)
- Spring 4 官方文档学习(十四)WebSocket支持
- python操作TexturePacker批量打包资源plist png
- file以及文件大小转化问题
- nginx安装笔记
- php中引用符号(&;)的使用详解
- TypeScript学习笔记(四):函数
- sql查找最小缺失值与重用被删除的键(转载)
- VS2005工程迁移到Eclipse CDT
- Win7+vs2010下安装boost_1_46_1库
- 二维动态规划——Interleaving String
- 文字分列 CSS属性
- BIM平台 http://gzcd.bim001.cn
- [转]JS组件系列——Bootstrap组件福利篇:几款好用的组件推荐
- Dubbo是什么
- ios开发之--仿购物类详情页面数量添加小功能
- NOI 8785 装箱问题(0-1背包)
- Python中常见的数据类型总结
- dev devfs udev sysfs及关系
热门文章
- JavaScript prototype.js提升JavaScript开发效率
- 开源 java CMS - FreeCMS1.9公布。
- 【HTML+CSS】浅谈:相对定位与绝对定位
- ZOJ1372 POJ 1287 Networking 网络设计 Kruskal算法
- 【高精度练习+卡特兰数】【Uva1133】Buy the Ticket
- ASP.NET属性之AssociatedControlID
- Ubuntu安装tftp服务器
- GYP构建系统总结
- c# 打开、保存文件对话框 和 文件夹选择对话框
- Mysql优化之创建高性能索引(二)