我无法运行jQuery，虽然常规Javascript工作

Question

$(document).ready(function(){
    $("#bar_one").hover(function(){
        $(this).addClass("highlight")
    });
});

这是我的jQuery，插入到我的网页中，带有外部链接，我知道这是事实，因为常规Javascript工作正常。我想知道为什么我的jQuery不起作用。谢谢！

Answer 1

您应该在Jquery代码之前包含Jquery库，如：

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

在Jsfiddle中查看此处。它可以处理您的代码。

$(document).ready(function(){
    $("#bar_one").hover(function(){
        $(this).addClass("highlight")
    });
});

<div id="bar_one">Test</div>