Javascript 当鼠标位于另一个div上时，更改一个div的背景图像

我想使用jQuery，在鼠标位于另一个div上时更改一个div的背景图像

jQuery（函数（）{
jQuery（'.linktomouseover'）.mouseover（函数（）{
$（.linktomouseover2.css（'background-image'，'url（'test.jpg'））；
});
});

链接1
链接2
您在代码
jQuery（.linktomouseover）中缺少引号

这是正确的代码

jQuery(function() {
    jQuery(".linktomouseover").mouseover(function() {
        jQuery(".linktomouseover2").css('background-image', "url('test.jpg')");
    });
});

这是您的代码中的错误

jQuery:

jQuery('.linktomouseover2').mouseover(function() {
        $('.linktomouseover').css('background-image', "url('http://cdn.androidpolice.com/wp-content/uploads/2012/11/nexusae0_wallpaper_01.jpg')");
    });

<div class="linktomouseover">
    <a class="nthn">link1</a>
</div>
<div class="linktomouseover2">
    <a class="test">link2</a>
</div>

.linktomouseover{
    position:relative;
    display:block;
    width:100%;
    background:#e7e7e7;
    height:200px;
}
.linktomouseover2{
    position:relative;
    display:block;
    width:100%;
    background:#d7d7d7;
    height:200px;
}

HTML:

jQuery('.linktomouseover2').mouseover(function() {
        $('.linktomouseover').css('background-image', "url('http://cdn.androidpolice.com/wp-content/uploads/2012/11/nexusae0_wallpaper_01.jpg')");
    });

<div class="linktomouseover">
    <a class="nthn">link1</a>
</div>
<div class="linktomouseover2">
    <a class="test">link2</a>
</div>

.linktomouseover{
    position:relative;
    display:block;
    width:100%;
    background:#e7e7e7;
    height:200px;
}
.linktomouseover2{
    position:relative;
    display:block;
    width:100%;
    background:#d7d7d7;
    height:200px;
}


你丢失的“$”（“.linktomouseover 2”）的引号，你检查过了吗？哦，我的天啊，这很有效！非常感谢：）欢迎：-）请接受答案，这样它就不会登录到未答复部分。感谢回复，您提到的错误也已被Pbk1303识别，再次感谢