jQuery展示表格点击变色、全选、删除

看着书上的代码，自己敲了好一阵，发现自己优化后的代码比书上的更简洁，功能也更多，贴出来，留后用。

功能：

表格行点击变背景色、选择删除、全选删除、图片原图显示

效果显示：

代码贴上：

  
  
  
  



  body{font-size:12px}
  table{width:360px;border-collapse:collapse}
  table tr th,td{border:solid 1px #666;text-align:center}
  table tr td img{border:solid 1px #ccc;padding:3px;width:42px;height:60px;cursor:pointer}
  table tr td span{float:left;padding-left:12px}
  table tr th{background-color:#ccc;height:32px;background-color:#fff}
  .clsImg{position:absolute;border:solid 1px #ccc;padding:3px;background-color:#eee;display:none;cursor:pointer}
  .btn{border:solid 1px #666;padding:2px;width:50px;filter:progd:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fff,EndColorStr=#ECE9D8);cursor:pointer}





  

    
选项
    
编号
    
封面
    
购书人
    
性别
    
够书价
  
  

    

    
1001
    

    
李小明
    
男
    
35.6元
  
  

    

    
1002
    

    
王明
    
男
    
28.9元
  
  

    

    
1003
    

    
皮特
    
女
    
34.3元
  
  

    

    
2356
    

    
爱丁堡
    
男
    
23.3元
  


  

    

      全选
      
    
  

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。