jQuery实现选中行变色效果(实例讲解)

//点击复选框添加样式

  
  
  
    table {
      border: 0;
      border-collapse: collapse;
    }

    td {
      font: normal 12px/17px Arial;
      padding: 2px;
      width: 100px;
    }

    th {
      font: bold 12px/17px Arial;
      text-align: left;
      padding: 4px;
      border-bottom: 1px solid #333;
    }

    .even {
      background: #FFF38F;
    }

    
    .odd {
      background: #FFFFEE;
    }

    
    .selected {
      background: #FF6500;
      color: #fff;
    }
  
  
  



  

  

    

    
姓名
    
性别
    
暂住地
  
  
  

  

    

    
张山
    
男
    
浙江宁波
  
  

    

    
李四
    
女
    
浙江杭州
  
  

    

    
王五
    
男
    
湖南长沙
  
  

    

    
找六
    
男
    
浙江温州
  
  

    

    
Rain
    
男
    
浙江杭州
  
  

    

    
MAXMAN
    
女
    
浙江杭州
  
  

//点击行添加样式

  
  
  
    table {
      border: 0;
      border-collapse: collapse;
    }

    td {
      font: normal 12px/17px Arial;
      padding: 2px;
      width: 100px;
    }

    th {
      font: bold 12px/17px Arial;
      text-align: left;
      padding: 4px;
      border-bottom: 1px solid #333;
    }

    .even {
      background: #FFF38F;
    }

    
    .odd {
      background: #FFFFEE;
    }

    
    .selected {
      background: #FF6500;
      color: #fff;
    }
  
  
  



  

  

    

    
姓名
    
性别
    
暂住地
  
  
  

  

    

    
张山
    
男
    
浙江宁波
  
  

    

    
李四
    
女
    
浙江杭州
  
  

    

    
王五
    
男
    
湖南长沙
  
  

    

    
找六
    
男
    
浙江温州
  
  

    

    
Rain
    
男
    
浙江杭州
  
  

    

    
MAXMAN
    
女
    
浙江杭州
  
  

以上这篇jQuery实现选中行变色效果(实例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。