如何使用jquery更改css背景图像？

在上述代码中，

高度

已成功更改为666px，但背景图像根本没有更改（保持原始图像）

当我将

背景图像

更改为“无”而不是“url（'../images/picture_2.jpg'）”时，它确实会使背景图像消失

---

我做错了什么？

我猜你输入的URL不正确。URL应该是相对于您所在页面的。我打赌你的URL是相对于你的CSS样式表的。通常，在JS中执行此操作时，只需使用绝对路径

---

路径周围也不需要单引号。

请更正图像的路径

图像的路径将从站点的根计算，而不是从css计算

我想澄清一下：

---

页面加载时，高度会发生变化，只有单击“图片”元素，背景图像才会发生变化。

您提供的代码应该可以正常工作。我认为你提到的图像位置不正确。检查是否可以在firebug中看到该位置的图像

我尝试了同样的代码，对我来说效果很好。这里有一个，对我来说很有用

---

这与您尝试的有什么不同？

尝试从url（）的内部删除单引号哪个浏览器？它可能只是没有加载..@FakeRainBrigand chrome和internet explorer 8可能重复

$(document).ready(function() {
    $('#picture').css('height', '666px');
    $('#picture').click(function () {
        $(this).css('background-image', "url('../images/picture_2.jpg')");
    });
});