jquery - 取消悬停文本的 CSS 不应更改为原始颜色

Question

目前我屏幕的背景色是白色。当我将鼠标悬停在表格的行上时，该行的 bg-clor 正在变为蓝色。

现在我希望即使我取消悬停文本时蓝色仍然保持原样。目的是了解所有行的内容。

Answer 1

这应该对您有帮助 Fiddle here

HTML

<table border="1" style="width:300px" id='my_table'>
  <tr>
   <td>Jill</td>
   <td>Smith</td>
   <td>50</td>
  </tr>
  <tr>
   <td>Eve</td>
   <td>Jackson</td>
   <td>94</td>
  </tr>
</table> 

JQUERY

$('#my_table tr td').mouseenter(function(){ 
    $(this).parent('tr').addClass('blue'); 
});

或

$('#my_table tr').mouseenter(function(){ 
    $(this).addClass('blue'); 
});

CSS

.blue{
    background-color:blue;
 }