Question

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

当使用jQuery悬停“left”div时，我只想更改“right”div的背景颜色。

我的HTML：

<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添加到您的localhost代码中（如果有的话）？

<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");
    });
});

在悬停Jquery上更改CSS类

2 个答案: