表格变色示例中发现的问题——attr()与prop()

在练习jQuery表格变色例子过程中，发现了一下几个问题：

1. 在IEEdge浏览器中切换选中行会出现上一个表格行背景色被吃掉的情况；
2. 在chrome中从上向下单击行中任意单元可以选中该行，而从下往上单击虽选中了行，而前面的按钮列未显示选中状态

针对以上问题，查阅了资料后，发现了原因，以及解决方法：

1. 为tbody设置border-collapse:collapse;方可解决吃色问题
2. 在引用jQuery版本是1.6之后的，设置radio的checked属性不应使用attr()方法，应使用prop()方法

 

在之前的jQuery版本中，都是使用attr()访问对象的属性，比如取一个图片的alt属性，就可以这样做$('#img').attr('alt');但是在某些时候，比如访问input的disabled属性时，会有些问题，在有些浏览器中，只要写了disable属性就可以，有些则要写：disabled="disabled"。所以，从1.6版本开始，jQuery使用新方法prop()获取以及设置这些属性，返回标准属性：true/false。按照官方说明，如果设置disabled和checked这些属性，应使用prop()方法（摘自《锋利的jQuery（第2版）》）

附上我的代码

 1 
 2 
 3 
 4     
 5     
40     
41         
64 
65 
66     676869707172737475767778

         

             
姓名
性别
暂住地
         
         

             
张三
男
北京
             
李四
男
上海
             
王五
女
北京
             
小明
男
上海
             
韩梅梅
女
北京
             
大牛
男
上海
         
     
79 
80 

每天进步一点点