jQuery|jQuery中的prop和attr jQuery

文章图片

文章图片

在JQuery中，对CheckBox的操作分两个阶段，一个是JQuery1.6之前的版本，一个是1.6之后的版本
在1.6之前，我们这么做：

但是细心的同学会发现，在jQuery1.6之后，如果还像上面这么做，那肯定会出问题： $('#checkbox').attr('checked');获取到的值并不是true和false ，而是checked或者undefined
【jQuery|jQuery中的prop和attr】那在1.6之后如何进行操作呢?
jQuery在之后的版本中对属性和特性进行了比较细致的区分，什么是特性呢？特性就是像 checked ， selectedIndex tagName nodeName nodeType ownerDocument defaultChecked 和defaultSelected等等这些。
那prop()和attr()到底有什么区别呢？
于build-in属性， attribute和property共享数据， attribute更改了会对property造成影响，反之亦然，但是两者的自定义属性是独立的数据，即使name一样，也互不影响，看起来是下面这张图，但是IE6、7没有作区分，依然共享自定义属性数据
并不是所有的attribute与对应的property名字都一致，比如刚才使用的attribute 的class属性，使用property操作的时候应该是这样className t.className='active2';
对于值是true/false的property ，类似于input的checked attribute等， attribute取得值是HTML文档字面量值， property是取得计算结果， property改变并不影响attribute字面量，但attribute改变会一向property计算 <input id=\"test3\" type=\"checkbox\"/>

对于一些和路径相关的属性，两者取得值也不尽相同，但是同样attribute取得是字面量， property取得是计算后的完整路径 <a id=\"test4\" href=https://mparticle.uc.cn/"#\">Click</a> js var

jQuery|jQuery中的prop和attr

推荐阅读

怎么样的运动可以减肥

史湘云欲当众贬损林黛玉，不料琥珀一句玩笑话，让她无地自容

格式化孤单|决定你十年后是人物，还是废物，你现在的态度

人大代表建议实施“乡情种植计划” 聚乡贤力量助发展

暴雨蓝色预警：贵州重庆等5省份部分地区有大雨或暴雨

桎捁是什么意思？执教中的执是什么意思？

盆景造型初入门盆景造型入门技巧

美花掉124亿抗疫钱！只为撤换华为设备！美网友：丧心病狂？

怎样看待美剧《泰坦》第二季第1集

新华网|熊猫金币进直播间

红薯的六种治病妙用

中金网摩根溪联合创始人：黑客索要BTC是因为BTC是唯一有价值的货币

「潍坊日报」聚力重点工作攻坚，潍坊：科技创新产业升级

建琴话历史|这些规矩不可忽视，能沾福运！，88岁风水大师：开车遇到红白喜事

「贺子秋」以家人之名：除了养不起，贺梅抛弃贺子秋的深层次原因，是因为爱

晚安墨然|最好的生活态度：做好自己，不解释，余生

首尔市|首尔宣布彻查已故市长朴元淳性骚扰案件

郑爽归还奇妙小森林道具|郑爽归还奇妙小森林道具网友跟风讽郑爽“太缺钱”

我的世界的指令是什么我的世界指令有哪些

「美好，一直在身边」新华网评·“疫”中人｜携手沐夕阳琴声寄相思