如何使用javascript更改悬停时的图像

嘿，伙计们，我是新来的，我想在我的网站上做点什么，我有一个div，我希望当人们用鼠标悬停它时，它会将其中的图像更改为另一个图像。 我发现了这个，但它只有在我悬停图像时才起作用，当我悬停div时，如何使它改变？ 提前谢谢，抱歉英语不好

<div id="content"><img id="changeonhover" src="../test/images/yes.png"></div>

这是我的代码，我希望当人们将鼠标悬停在“内容”上时，“changeonhover”中的图像会变成no.gif，例如

只需将悬停事件处理程序应用于父div，并在using.find（）中更改图像标记的src

参考资料：

---

在

#content

上调用事件，而不是在

#changehave

上调用事件。如果您将

标记更改为

并带有背景图像，则必须告诉您这完全可以通过CSS完成。您希望它保持更改吗？您发布的小提琴有什么不起作用？它完全符合您的要求……这里不好的是，当

src

出现variableNo问题时，如果您认为我最好地回答了您的问题，请务必单击左侧的复选框。

$(document).ready(function()
{
    $("#theDiv").hover(
        function()
        {
            $("#imgDino").attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $("#imgDino").attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});​

$(document).ready(function() {
    $("#content").hover(
        function()
        {
            $('#changeonhover', this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $('#changeonhover', this).attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});