您的位置:首页 > Web前端 > JQuery

用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方法。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: