attr()和prop()的区别
来源:互联网 发布:淘宝卖家知道地址威胁 编辑:程序博客网 时间:2024/05/13 19:06
prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和properties)。
1、对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
2、对于HTML元素是自定义的DOM属性, 在处理时,使用attr方法。
例子1:
<a href="http://www.baidu.com" target="_self" class="btn">百度</a>
<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
<a href="#" id="link" action="delete">删除</a>
<a>元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。
例子2:
是否可见
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法,则会出现:
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"
1、对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
2、对于HTML元素是自定义的DOM属性, 在处理时,使用attr方法。
例子1:
<a href="http://www.baidu.com" target="_self" class="btn">百度</a>
<a>元素的DOM属性有“href、target和class",这些属性就是<a>元素本身就带有的属性,也是W3C标准里就包含有这几个属性,或者说在IDE里能够智能提示出的属性,这些就叫做固有属性。处理这些属性时,建议使用prop方法。
<a href="#" id="link" action="delete">删除</a>
<a>元素的DOM属性有“href、id和action”,很明显,前两个是固有属性,而后面一个“action”属性是我们自己自定义上去的,<a>元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时,建议使用attr方法。使用prop方法取值和设置属性值时,都会返回undefined值。
例子2:
是否可见
像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。
$("#chk1").prop("checked") == false
$("#chk2").prop("checked") == true
如果上面使用attr方法,则会出现:
$("#chk1").attr("checked") == undefined
$("#chk2").attr("checked") == "checked"
0 0
- attr 和 prop 的区别
- attr()和prop()的区别
- attr和prop的区别
- attr()和prop()的区别
- prop 和 attr的区别
- prop和attr的区别
- prop()和attr()的区别
- 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的区别
- python set基本操作
- IE与Firefox下的window.even兼容问题
- Android_Service多线程断点下载
- ButterKnife的使用
- MySql模糊查询like通配符与使用正则查询详细介绍
- attr()和prop()的区别
- 教婴幼儿学编程,别说不可思议
- Android Studio 之NDK
- java学习日记_62:String的其他功能
- 【转】jQuery ajax的traditional参数的作用
- Java多线程—使用Runnable接口实现求和
- crontab定时执行命令
- 蓝牙通信,连接,扫描,打开,广播,绑定
- PopupWindow实现微信右上角菜单