Question

目前我的屏幕的bg颜色是白色的。当我将鼠标悬停在表格行上时，该行的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'); 
});

OR

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

CSS

.blue{
    background-color:blue;
 }

Answer 2

你也可以尝试使用jquery的悬停功能。对性能观点有好处。

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

Answer 3

为什么不使用css“：hover”选择器？这应该适用于所有新浏览器。

编辑：哦，我的错。我应该更准确地阅读这个问题。

在你的情况下，我建议：

$('#tableId tr').mouseover(function(e){
    $( this ).css('background-color','#00F');  
});

取消隐藏文本的CSS不应更改为原始颜色

3 个答案: