Javascript 使用jQuery替换背景图像无效

我已经创建了一个父div。在该div中有多个子div：第一个子div包含背景图像，第二个子div包含网站名称，第三个子div包含一些文本

使用jQuery，当用户将鼠标悬停在第二个div（即网站名称div）上时，第三个div（即文本div）可见

现在我想要的是，当文本div变为可见时，也替换第一个div中的图像

HTML: CSS行不工作。。。我做错了什么？

改变

$('.contentImg').css("background-image", "images/gurus_bw.jpg)"); // miss: url(..

到

---

read CSS Property

除了现有答案中提到的点之外，看不到class=contentImg的任何元素。您的HTML代码是W3C验证的噩梦。不能将块元素放置在链接标记内！您应该用div替换这些链接。我的方法是在.contentImg元素上交换CSS类。我将在css样式表中定义一个普通的背景图像：.contentImg3{background:urlmimage/url no repeat center；}并使用不同的背景图像指定另一个类，例如swapImg。然后在JS方面，只需执行$'.contentImg3'.addClass'swapImg'；在mouseenter和$'.contentImg3'.removeClass'swapImg'上；在mouseleave.thank@Marventus上，感谢您更换类的解决方案。。。它工作得很好……我也尝试添加url，但没有成功……在JSFIDLE上添加一个示例

$(".contentBlock3").mouseenter(function () {
        $('.contentText3').fadeIn(1500);
        $('.contentImg').css("background-image", "images/gurus_bw.jpg)");
        $('.contentImg').css("background-position", "top 30px)");
    });

$('.contentImg').css("background-image", "images/gurus_bw.jpg)"); // miss: url(..

$('.contentImg').css("background-image", "url(images/gurus_bw.jpg)");