javascript - 通过JQuery改变背景图片

Question

我想使用 jquery 更改背景图像。下面是给定的 html 元素，我想更改其背景图像。

<div class="logo" />

这是用于更改背景图像的 jquery 代码。

$(".logo").css({ 'background-image' : 'url(test(1).png)' }

问题是，当图像名称包含括号 () 时，它不起作用，但没有括号它工作。有没有任何解决方案可以更改背景图像，无论其名称如何。

Answer 1

将值放在双引号中:

$(".logo").css({ 'background-image' : 'url("test(1).png")' });

另请注意，您不需要在此处使用对象，因为您只设置一个 CSS 规则:

$(".logo").css('background-image', 'url("test(1).png")');