JQuery .attr()和.prop()的正确使用场合,JQuery获取checkbox状态的正确方法

谷歌浏览器对$("#checkboxId").attr("checked")的返回值居然是undefined,百思不得其解,网上很多文章都说这样用是正确的啊……谷歌搜索了一下,很不容易才找到了下面这个表。

换成了$("#checkboxId").prop("checked")后,返回值就变成了true和false了!

时间: 2024-10-08 05:09:55

JQuery .attr()和.prop()的正确使用场合,JQuery获取checkbox状态的正确方法的相关文章

jQuery .attr() vs. .prop()

Property vs. Attribute 在开始正式比较prop()和attr()两个jQuery方法之前,我们有必要先弄清一下Property和Attribute两个单词的意思.在中文里面,它们都是属性的意思,那究竟有什么区别呢?我是这么理解的(曾经在<深入浅出WPF>一书中看到过一些关于XAML相关的解释,觉得这里也是适用的): Property - 属性.字段,这是站在面向对象的层面去理解的,当我们将现实中的某一物体用代码把它抽象出来时,那么它的属性我们就用Property来表示.在

jQuery attr 与 prop 区别最简单分析

比较经典的解释: 在处理html元素本身就带有的固有属性时,使用prop方法,对于html元素中,我们自己定义的dom属性时,使用attr方法. 而咱自己的理解是: attr会忠实的获取设置dom标签中的任何字符串,里面有的,都能读取,而且是什么就读取什么,不会隐身转换,没有的读取的值为'undefined'. 而prop只能读取浏览器里提前封装好的dom属性,即固有属性,对于自定义的东东,不认识,也因为是提前和浏览器勾搭好了,所以能隐式转换,比如选择按钮的checked,它就知道返回ture.

[jquery]attr和prop的区别

转自:http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了. 关于它们两个的区别,网上的答案很多.这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法. 对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法. 上面的描

jquery attr()和prop()方法的使用

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wrap</title> 6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></scrip

jquery attr与prop的区别

最近开发中发现用attr无法设置checkbox的选中事件,在网上找了下说要用prop,所以总结下两者的区别. 1.操作的对象不同 attr:操作的是HTML文档节点属性 prop:操作的是js对象属性 2.应用版本不同 attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数. 在1.6之前,只能使用attr()函数:1.6及以后版本,你可以根据实际需要选择对应的函数. 3.用于设置的属性值类型不同 由于attr()函数操作的是文档节点的属性,因此设置

jQuery attr()与prop()的区别

jQuery认为:attribute的checked.selected.disabled就是表示该属性初始状态的值, property的checked.selected.disabled才表示该属性实时状态的值(值为true或false). 在disabled,checked等用attr()更改属性只能更改最初始的状态: 而prop能实时更改他们的状态.

jquery attr和prop区别

一.注意: 1.prop的性能更高,因为attr需要访问DOM属性节点,访问DOM是最耗时的.这种情况适用于多选项全选和反选的情况 2.在遇到要获取或设置checked,selected,readonly和disabled等属性时,用prop方法显然更好,比如像下面这样: <input type="checkbox" id="test" checked="checked" />console.log(el.attr("che

jQuery attr() prop() data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上.从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()总

jQuery中attr()、prop()、data()用法及区别

.attr(),此方法从jq1.0开始一直存在,官方文档写的作用是读/写DOM的attribute值,其实1.6之前有时候是attribute,有时候又是property..prop(),此方法jq1.6引入,读/写DOM的property..data(),此方法在jq1.2.3引入,作用是把任意的值读取/存储到DOM元素对应的jq对象上. 从性能上对比,.prop() > .data() > .attr(),不同浏览器不同版本.data()和.attr()的性能关系有差异,不过.prop()