用jQuery的attr()方法设置属性值无效怎么办?
2019-07-04 15:35
1926 查看
无疑的jquery是一个极其强大的前端框架,作为一名前端程序员,jQuery几乎是其必备技能,然而有时候却出现jquery失效的情况,现在我们就来讨论为何用jquery的attr方法会失效。
我有些CheckBox类型的html控件,通过一个按钮来使用jquery的attr方法来控制选中或者取消选中。
奇葩的事情发生了,我第一次选中成功,第一次取消选中也成功,然后我再次进行选中,,,失败了!
没错,失败了。然后我开始查找原因,我在控制台用console.info()方法将每次的checkbox的值打印出来进行观察,然后,,,没错,,,居然没错???,每次操作的值都是正确的,都设置成功了。这样的话那到底是什么情况呢?
果断去到jquery官网,开始查阅文档,看着看着到了jquery1.6版本后出现了一个新的方法:prop方法,也是用来控制DOM元素属性的方法
据其描述,attr方法控制的是DOM元素本身的属性的方法,而prop是控制作为js对象的DOM元素属性的方法,具体的我待会再来讨论,现在我已经迫不及待的想尝试下将attr变为prop方法来控制checkbox的选中与取消,看看结果怎么样,,,,
成功了!哈哈哈哈。。。。居然直接就成功了,好了按住兴奋,我准备去深入研究下jquery的attr方法和prop方法。
相关文章推荐
- jQuery使用attr()方法同时设置多个属性值用法实例
- JQuery 设置checkbox值二次无效的解决方法
- 用jQuery的attr()设置option默认选中无效的解决
- jquery attr()方法 添加,修改,获取对象的属性值
- 2011-10-21 09:29 jquery attr()方法 添加,修改,获取对象的属性值
- 用jQuery的attr()设置option默认选中无效的解决 attr设置属性失效
- jQuery获取attr()与prop()属性值的方法及区别介绍
- jquery中val获取值,attr获取属性值和attr设置属性值
- JQuery attr() 和prop()方法 设置属性
- jquery attr()方法 添加,修改,获取对象的属性值
- a标签用jquery的attr添加onclick方法无效的解决
- jQuery 修改CSS样式 与 attr方法-获得修改元素属性值
- jQuerymobi 设置属性值的方法
- 使用jQuery的".css()"和".attr()"方法设置元素"left"属性的注意点
- JQuery设置onclick事件无效的处理方法
- jquery attr()方法 添加、修改、获取对象的属性值
- jquery利用attr、prop方法获取、设置input的checked属性
- jQuery 获取 attr() 与 prop() 属性值的方法及区别介绍
- jquery之操作元素属性和特性(设置特性值,attr(name,value),attr(attributes)方法的使用)
- jquery利用attr、prop方法获取、设置input的checked属性