原文链接：http://www.cnblogs.com/-run/archive/2011/11/16/2251569.html

Jquery1.6版本后attr的变化

Jquery1.6版本后 attr 改动后的效果：
jquery1.6+版本：

下文来自www.jquery.com The difference betweenattributes and properties can be important in specific situations.Before jQuery 1.6, the .attr() method sometimes took property values into account when retrieving some attributes, which could cause inconsistent behavior.As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while.attr() retrieves attributes For example, selectedIndex,tagName, nodeName, nodeType, ownerDocument,defaultChecked, and defaultSelected should be retrieved and set with the.prop() method. Prior to jQuery 1.6, these properties were retrievable with the.attr() method, but this was not within the scope of attr. These do not have corresponding attributes and are only properties.

`elem.checked`	`true` (Boolean) Will change with checkbox state
`$(elem).prop("checked")`	`true` (Boolean) Will change with checkbox state
`elem.getAttribute("checked")`	`"checked"` (String) Initial state of the checkbox; does not change
`$(elem).attr("checked")`(1.6)	`"checked"` (String) Initial state of the checkbox; does not change
`$(elem).attr("checked")`(1.6.1+)	`"checked"` (String) Will change with checkbox state
`$(elem).attr("checked")`(pre-1.6)	`true` (Boolean) Changed with checkbox state

//勾选后输出：
//attr('checked'): checked
//.prop('checked'): true
//.is(':checked'): true//取消勾选输出：//.attr('checked'): undefined
//.prop('checked'): false
//.is(':checked'): false

jquery1.4 版本：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <style>
 5 p { margin: 20px 0 0 }
 6 b { color: blue; }
 7 </style>
 8 <script src="../js/jquery-1.4.4.js"></script>
 9 </head>
10 <body>
11
12 <input id="check1" type="checkbox" checked="checked">
13 <label for="check1">Check me</label>
14 <p></p>
15
16 <script>
17 $("input").change(function() {
18   var $input = $(this);
19   $("p").html(".attr('checked'): <b>" + $input.attr('checked') + "</b><br>"
20               + ".is(':checked'): <b>" + $input.is(':checked') ) + "</b>";
21 }).change();
22 </script>
23
24 </body>
25 </html>

勾选后输出：
//attr('checked'): true
//.prop('checked')  1.6后版本才有这个方法
//.is(':checked'): true
取消勾选输出：//.attr('checked'): false
//.prop('checked')1.6后版本才有这个方法
//.is(':checked'): false

结论： attr('checked'): 在1.6后版本，所获取的值是 "checked"/"underfined" ，之前所获得的值是"false"/"true"。截然不同

长知识了

作者：那瞬间
出处：http://www.cnblogs.com/-run/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

Jquery1.6版本后attr的变化相关推荐

JQuery1.11版本对prop和attr接口的含义分离导致问题分析
问题背景实验中, 在jquery1.7版本, attr("value") 和 val() 接口获取 input 控件的值, 都是一致的, 都是当前控件值. 但是 jquery1 ...
ride.py在运行python3.×版本后导致无法运行及解决办法
最近一直在自学python自动化,网上看到rf框架挺适合初学自动化测试,于是通过虫师的搭建了rf框架, 但是在使用过程中遇到了一个问题,在网上没有找到明确解决办法于是想到记录一下之前为了搭建rf框架 ...
[librosa]0.8版本后不再支持write_wav
librosa在0.8版本后,整个output下的方法都被删除. 从设计角度来看,librosa是想专注于音频数据的处理,至于io独写操作,是交给了其他模块. 从官方文档来看,librosa的音频读取 ...
SVN使用_获取某版本后改动的文件列表
本章将讲解如何通过svn命令获取某版本后改动的所有文件一键操作,告别svn log的繁杂对比工作. 1:安装SVN命令行工具Subversion(不是TortoiseSVN) 下载Subversio ...
解决启动不了VMware虚拟机以及VM升级到新的版本后出现黑屏的问题
解决启动不了VMware虚拟机以及VM升级到新的版本后出现黑屏的问题参考文章: (1)解决启动不了VMware虚拟机以及VM升级到新的版本后出现黑屏的问题 (2)https://www.cnblog ...
dedecms php5.4 无法退出后台,解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法...
为什么会出现更换PHP5.4以上版本后Dedecms后台登录空白的情况,本文将给大家详细分析,找出真正原因以及解决办法. 把PHP的版本从5.2.14升到了5.4.15,升级完后dedecms后台却打 ...
databinding在android studio2.3版本后不再默认支持使用
databinding在android studio2.3版本后不再默认支持使用,需要在项目的app-build-gradle的 dependencies 里面添加 apt 'com.android. ...
解决安装kali 2020.1版本后的中文乱码问题：只需要安装中文字体（而不需要像之前版本那样需要选择locales和编码）。
解决安装kali 2020.1版本后的中文乱码问题:只需要安装中文字体(而不需要像之前版本那样需要选择locales和编码). 分别执行"sudo apt-get install xfont ...
华为鸿蒙osbeta在哪看发布会,重磅消息！华为在发布鸿蒙OS2.0手机beta版本后，又发布搭载鸿蒙的新品！！...
原标题:重磅消息!华为在发布鸿蒙OS2.0手机beta版本后,又发布搭载鸿蒙的新品!! 就在12月16号华为刚刚发布鸿蒙OS2.0beta系统手机版本后,就在今天华为又举行了一个新品发布会,他就是华 ...

Jquery1.6版本后attr的变化

原文链接：http://www.cnblogs.com/-run/archive/2011/11/16/2251569.html

Jquery1.6版本后attr的变化

Jquery1.6版本后attr的变化相关推荐

最新文章

热门文章