在悬停 Jquery 上更改 CSS 类

Question

我觉得这是一件如此小而简单的事情，但我已经坚持了一个小时，但我无法让它工作。

我只是想在使用 jQuery 悬停"左"div 时更改"右"div 的背景颜色。

我的网页：

<div id="left">Left</div>
<div id="right">Right</div> 

我的jQuery：

$(document).ready(function () {
    $('#left').hover(function () {
        $('#right').css("background-color", "#FFF");
    });
});

我有一个JS小提琴：http://jsfiddle.net/MzTf6/2/

请救我:)

Answer 1

您的代码工作正常，但似乎不包括 Jquery。
您是否还记得将 Jquery 添加到您的本地主机代码中（如果有的话）？

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

启用了 Jquery 的 JSFiddle。
http://jsfiddle.net/MzTf6/5/

Answer 2

可能是因为在您的小提琴中您没有添加 jQuery，所以如果您跟踪控制台，您应该注意到对象没有方法 $。另一方面，可能不起作用，因为 .hover（） 接受两个函数：一个用于 mouseenter，一个用于 mouseleave 事件。我把这个jsFiddle留给你看看 http://jsfiddle.net/MzTf6/6/。这是我使用的代码：

$(document).ready(function () {
    $('#left').hover(function () {
        $('#right').css("background", "red");
    }, function(){
        $('#right').css("background", "#000000");
    });
});