使用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")');

另一种可能性是制作 2 个类：

.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');