html checkbox attr and prop
来源:互联网 发布:sql server中not in 编辑:程序博客网 时间:2024/06/05 16:31
转自 http://www.cnblogs.com/-run/archive/2011/11/16/2251569.html
Jquery1.6版本后attr的变化,灰常委屈
基于上次发表的 Jquery 获取checkbox的checked问题,从大家的评论中得到了答案,原因是Jquery1.6版本后 attr 给改了,悲剧的我不知道,给耍了半天。
认真地去看了官方的最新文档,当中有这样的一段话 = =!
可见,给YIN了吧。下面发个改动后的效果:
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 stateelem.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
另外: 对于data-xxx, 应该用attr, 比如attr('data-value')。
- html checkbox attr and prop
- jquery attr和prop区别 attr选中checkbox不起作用
- HTML Prop 与 Attr的区别
- attr prop
- attr prop
- jquery checkbox 再次勾选出问题 attr() prop()
- jquery系列之prop、attr以及对checkbox的操作
- checkbox 是否选中 jquery 用prop方法而不是attr方法
- jquery中radio,CheckBox使用attr和prop的区别
- html——attr与val、attr与prop、attr与css区别
- checkbox全选使用 attr不能用prop()与attr()的用法
- attr与prop区别
- jquery prop attr 区别
- .prop() vs .attr()
- jquery attr & prop
- prop()和attr()区别
- jquery attr和prop
- jQuery-attr跟prop
- android 第二更(后台判断网络状态,反馈到页面)
- NMAP 扫描端口速度快
- android 系统优化包括哪些方面
- mongodb查询不重复数据的记录总数
- Jodd瑞士军刀
- html checkbox attr and prop
- Sum-1844
- 模拟按键
- magento 哪些地方应用了EAV模型
- spring AOP切入点表达式规则
- 实时DevExpress内存监视
- JDK源码阅读之List接口
- STL::STRING格式化字符串
- ServletConfig对象详解