Jquery1.6后版本checkbox选择checked的不同调整

在jquery1.6之前的版本，我们会这样写我们的代码： <input type='checkbox' id='cb'/> <script> //获取是否选中 var isChecked = $('#cb').attr('checked'); //设置选中 $('#cb').attr('checked',true); </script> 样写在JQ1.6之前完全没问题，可是当我们升级JQ1.6到更高的版本时，问题就来了，此时我们会发现： $('#cb').attr('checked'); 返回的是checked或者是undefined，不是原来的true和false了。 并且checked属性在页面初始化的时候已经初始化好了，不会随着状态的改变而改变。所以如果checkbox一开始是选中的，那么返回的是checked，如果一开始没被选中，则返回的是undefined。 解决方法： <input type='checkbox' id='cb'/> <script> //获取是否选中 var isChecked = $('#cb').prop('checked'); //或 var isChecked = $('#cb').is(":checked"); //设置选中 $('#cb').prop('checked',true); </script> 分析了其中的原因，可以这样理解： 它将“属性”与“特性”做了区别，属性指的是“name，id”等等，特性指的是“selectedIndex, tagName, nodeName”等等。 JQ1.6之后，可以通过attr方法去获得属性，通过prop方法去获得特性 $("#cb").attr("tagName"); //undefined $("#cb").prop("tagName"); //INPUT 在jquery 1.8.x中的版本，对于checkbox的选中与不选中操作如下： 判断是否选中 $('#checkbox').prop('checked') 设置选中与不选中状态： $('#checkbox').attr('checked',true) $('#checkbox').attr('checked',false)   但此方法在jquery1.9.1中，有些处理不一样 IE10，Chrome,FF中，对于选中状态，第一次$('#checkbox').attr('checked',true)可以实现 但是当通过代码清除选中，下次再通过代码 $('#checkbox').attr('checked',true) 去选中时 虽然代码中有checked='checked',但是画面表现都没有打勾。 IE8，IE6下无此问题。 后来调查了相关的资料，发现现在attr('checked',true)都换成prop('checked',true)