jQueryhover效果超过表

我是jQuery的新手，我试图在我的桌子上做一个hover效果，但我不知道怎么做。我想只将文本设为红色，然后在焦点丢失时再次删除红色。

这是我到目前为止：

 $(function() { $('tr').hover(function() { $(this).css('color', 'red') }); });    ID  name  
  #1  ole  
  #2  jeffrey  
  #3  collin  
  #4  eve

您需要做的就是传递另一个函数来hover鼠标离开。

 $('tr').hover(function() { $(this).css('color', 'red'); }, function() { $(this).css('color', ''); });

请参阅jsfiddle上的示例。

或者你也可以只在css中做到这一点。

 tr:hover{ color:red; }

IE 5/6仅支持链接。 IE 7支持：在所有元素上hover，但不支持：活动。从这里。

您需要在hover时添加处理程序。在这里查看： http ： //jsfiddle.net/bF9xy/ documentation here： http ： //api.jquery.com/hover/

 $(function() { $('tr').hover(function() { $(this).css('color', 'red') },function() { $(this).css('color', 'black') } ); });

jQuery中的.hover（）函数有两个参数：一个用于事件中鼠标的函数，另一个用于鼠标输出的函数：

 $('dom element').hover(function() { //your code for mouse over }, function() { //your code for mouse out });

PS：一般来说，在像你这样的情况下，最好更改元素的类而不是css属性本身。使用.addClass（）和.removeClass（）。这样，通过更改css而不是javascript，将来更容易获得hover效果。

一点解决方法：

        ID  name  
  #1  ole  
  #2  jeffrey  
  #3  collin  
  #4  eve  
 
  /

由于样式通常比红色文本更复杂，因此您可以考虑使用此路径：

 $(function() { $('tr').hover(function() { $(this).toggleClass('redHover') }, function() { $(this).toggleClass('redHover') }); });

redHover会是这样的

然后你可以在不重写jQuery的情况下改变风格。