jQuery悬停效果超过表

Question

我是jQuery的新手,我试图在我的桌子上做一个悬停效果,但我不知道如何.我想只将文本设为红色,然后在焦点丢失时再次删除红色.

这是我到目前为止:

<script type="text/javascript">
$(function() {
    $('tr').hover(function() {
        $(this).css('color', 'red')
    });
});
</script>


<table border="1">
    <tr>
        <th>ID</th>
        <th>name</th>
    </tr>
    <tr>
        <td>#1</td>
        <td>ole</td>
    </tr>
    <tr>
        <td>#2</td>
        <td>jeffrey</td>
    </tr>
    <tr>
        <td>#3</td>
        <td>collin</td>
    </tr>
    <tr>
        <td>#4</td>
        <td>eve</td>
    </tr>
</table>

Answer 1

您需要做的就是传递另一个函数来悬停鼠标离开.

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

请参阅jsfiddle上的示例.

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

tr:hover{
    color:red;
}

IE 5/6仅支持链接.IE 7支持:在所有元素上悬停,但不支持:活动.从这里开始.