js控制td悬浮和点击时的样式

$(function(){
  
   $("td[name='Tab']").attr("class","td_cros");
  
   $("td[name='Tab']")
    .hover(function(){
             $(this).addClass("td_crosH");  
          },function(){
             $(this).removeClass("td_crosH");
          })
   .end()
   .find(":checkbox").click(function(){
    if($(this).attr("checked")){
     $(this).parent().addClass("td_crosC");
    }
    else{
     $(this).parent().removeClass("td_crosC");
    }
   });
  
  
 });

 

 

 

/*这里控制了鼠标悬浮在td和鼠标点击复选框时td的样式

Tab:td和名字

td_cros,td_crosH,td_crosC:都是css样式。

*/