使用jQuery更改背景图像

我正在尝试使用jQuery更改表格单元格中的背景图像，表格单元格有自己的“.active”类。我正在使用jQuery在同一位置更改其他元素，它们都工作得很好，所以我想我的语法一定有问题。我正在使用的函数在单击按钮后执行。 我的代码：

css:

第一行执行得很好，我尝试了以下代码，并以我能想到的各种方式更改了图片大小：

   $(".active").css("background-image", "../img/car.png");
   $(".active").css("background-image", "url('../img/car.png')");

---

有人能指出我做错了什么吗？

您需要将

.css（）

放在相对于页面的位置。因此，请尝试：

$(".active").css("background-image", "url('img/car.png')");

---

假设

img/

与页面位于同一目录中，这应该可以工作。否则使用根目录的相对路径。

您可以设置CSS类来更改图像

CSS:

.img1{
    background-image:img/car1.png;
}

.img2{
    background-image:img/car2.png;
}

$(".active").removeClass('img1').addClass('img2');

jQUERY:

.img1{
    background-image:img/car1.png;
}

.img2{
    background-image:img/car2.png;
}

$(".active").removeClass('img1').addClass('img2');

---

您还可以尝试以下语法来动态设置背景图像

$(".active").attr("style", "background-image: url('your url')");

---

可能是@miguelmpn的副本怎么可能是副本？如果你的问题现在已经解决了，请考虑接受帮助你结束的答案，最重要的是绿色计数符号旁边的投票计数。请表示此问题已解决。这样做还可以获得2点声誉积分。这不是问题所在。首先，你不能像那样添加一个背景图像，并且为每个图像创建一个类不是一个好方法。奇怪的是，如果我使用“，”在“背景图像”和“url（'img/car.png'）”之间，我脚本开头的代码不会运行，但是如果我使用a：我的其他代码工作，但是背景不会work@LucyViolet使用

：

用于对象。我在这里使用了一个函数。