Javascript 悬停事件

Question

我试图在客户端运行以下脚本，但目前没有为表 id = tbDetails 突出显示任何行

<script type="text/javascript">
    $("#tbDetails tbody tr").hover(

function () {
    $(this).css({
        background: 'yellow'
    });
},

function () {
    $(this).css("background", "");
}
);
</script>

我已使用浏览器工具调试脚本，脚本抛出以下错误 - ReferenceError: $ is not defined .我通过将以下 jquery 库添加到我的 html 解决了这个错误，但上面的脚本在我的客户端仍然不起作用。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

这是我的 html 和 javascript 的完整 View : JSFiddle HTML example

有什么建议吗？

Answer 1

首先将 jQuery 添加到您的 fiddle 中。同时从中删除 background-color: #ffffff; table.gridtable td 类。

This是您在评论中发布的更新后的 fiddle 。