jquery中的prop和attr比较区别
2016-03-11 11:13
357 查看
近期和一同事争执prop和attr的区别,也查了很多,同事说它只是特性和固有属性的区别,但是我也查到了一些其他的,故此,来总结一下吧!
1、固有属性和特别属性
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
例如:
2、感觉下面的有些不靠谱,大家视情况而定吧!
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
1、固有属性和特别属性
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
例如:
<inputid="chk1"type="checkbox"/>是否可见 <inputid="chk2"type="checkbox"checked="checked"/>是否可见 像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此需要使用prop方法去操作才能获得正确的结果。 $("#chk1").prop("checked")==false $("#chk2").prop("checked")==true
如果上面使用attr方法,则会出现: $("#chk1").attr("checked")==undefined $("#chk2").attr("checked")=="checked"
2、感觉下面的有些不靠谱,大家视情况而定吧!
1.添加属性名称该属性就会生效应该使用prop();
2.是有true,false两个属性使用prop();
3.其他则使用attr();
相关文章推荐
- jQuery笔记
- JQuery中serialize()、serializeArray()和param()的使用方法
- jQuery刷新div内容,并对刷新后元素绑定事件。$(document).on()
- jQuery EasyUI使用教程之合并数据网格的单元格
- JQuery设置和去除disabled属性
- jQuery Html控件基本操作(日常收集整理)
- jquery UI 实例——拖拽(Draggable)
- 【jquery】jquery的各种方法的积累
- HTML5与JQuery混合应用:选座功能…
- html5的自定义data-*属性和jquery的data()方法的使用示例
- 使用jquery.qrcode.min.js实现中文转化二维码
- jquery.qrcode.min.js(支持中文转化二维码)
- jquery.qrcode.min.js(支持中文转化二维码)
- jquery.qrcode.min.js(支持中文转化二维码)
- 夺命雷公狗---微信开发57----微网站之jquery_mobile之入门案例
- 使用jquery.qrcode.min.js实现中文转化二维码
- jQuery Html控件基本操作(日常收集整理)
- JQuery设置和去除disabled属性
- 12 个非常实用的 jQuery 代码片段
- animate,clone,event 三级联动 Jquery