【Jquery】prop与attr的区别
来源:互联网 发布:文化套利分析软件 编辑:程序博客网 时间:2024/05/02 00:37
最近因项目需要用到复选框,其中一个控制全选。
// 全选$(".ckb_all").click(function(){ if($(this).attr("checked") == true){$(":input[name='ckb_img']").attr("checked",true);}else{$(":input[name='ckb_img']").attr("checked",false);};});
一开始是像上面这样做是可以实现效果的,复制粘贴同样的代码到其他需要的地方,结果发现不起作用,找了半天,发现用的jquery版本是1.8的,所以使用attr不起作用。下面就讲讲prop与attr的主要区别。
jquery在1.6版本中添加了prop方法,与attr的主要区别是:
对于HTML元素本身的固有属性,使用prop方法
对于HTML元素开发者自定义的属性,使用attr方法
举个例子:
<a href="http://www.hao123.com" class="">hao123</a>对于a标签来说,像href、class这些属性是它本来就有的,在获取时一般就用prop;
<a href="http://www.hao123.com" class="" goto="hao123">hao123</a>
在这个例子中,a标签本身并没有goto属性,是我们自定义的,在获取时就用attr
像checkbox、select,选中属性对应“checked”和“selected”,都是固有属性,因此在1.6以上版本的jquery中需要使用prop方法才能获取到正确的结果。
比如checkbox的checked属性,使用prop,选中时返回true,没选中时返回false;如果使用attr的话,选中时返回checked,没选中时返回undefined。
Author:顾故
Sign:别输给曾经的自己
0 0
- 【Jquery】prop与attr的区别
- jquery attr与prop 的区别
- jQuery的attr与prop使用区别
- jquery中attr与prop的区别
- jQuery中attr()与prop()的区别
- jquery中attr()与prop()的区别
- jQuery中attr()与prop()的区别
- JQUERY 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()
- QToolbutton实现图标和文字居中,qss
- 使用 android:paddingLeft报错解决办法
- Android网络编程之HttpUrlConnection【实例解析】
- 第三周星期五
- Caffe源码(五):conv_layer 分析
- 【Jquery】prop与attr的区别
- linux下的命令格式
- 广度优先搜索
- java实现简单算法(三)
- linux设备树dts移植详解
- 十一期机房合作验收总结-2015-8-10
- annotation-driven,annotation-config,component-scan的区别与作用
- poj 1062 昂贵的聘礼 (最短路)
- 用 AXMLPrinter2、baksmali、smali、dex2jar 反编译.xml文件