使用jquery插入背景图像

Question

我正在使用

设置元素的背景

background: url("../img/mapfield-icon.png");

我正在尝试在事件发生时使用jquery切换元素。这是我正在使用的代码。

$('#zipCodeBtn').css({ background: 'url("../img/mapfield-icon_yellow.png")'});

当它查找文件时，它找不到它。这就是Inspect Element

中出现的内容

background: url(file:///img/mapfield-icon_yellow.png);

Answer 1

首先你忘了'背景'上的引号。 其次，您不必使用带有哈希的.css（）。

您可以执行以下操作：

$('#zipCodeBtn').css('background-image', 'url("../img/mapfield-icon_yellow.png")');

另一种可能性是制作两个班级：

.normal-icon { background: url("../img/mapfield-icon.png"); }
.yellow-icon { background: url("../img/mapfield-icon_yellow.png"); }

和JS：

$('zipCodeBtn').removeClass('.normal-icon').addClass('.yellow-icon');