Jquery 显示默认图标，如果类设置为div，则替换图标

我想创建一个

div

标签，左边有一个图标和一些文本

现在使用jquery，如果发生事件，我将向这个div标记添加一个类，以便用另一个图标替换该图标

我有jquery方面的东西，但我不知道如何通过CSS做到这一点

我的css：

<div id="tag-user" class="usertag selected">Some tag</div>

.usertag
{
    background:url("/Images/tag.png") no-repeat;
}

.usertag .selected
{
    background:url("/Images/tag-selected.png") no-repeat;
}

一些标签
.usertag
{
背景：url（“/Images/tag.png”）不重复；
}
.usertag.selected
{
背景：url（“/Images/tagselected.png”）不重复；
}

---

图像似乎没有出现，因此我猜我的css是错误的。

尝试在图像之前删除斜杠。e、 g

background:url("Images/tag-selected.png") no-repeat;

---

您正在那里定义一条绝对路径。您需要使用图像的相对路径。

如果类名之间有空格，则应为

.usertag.selected

因为.selected与.usertag位于同一元素上

.usertag.selected与.usertag内的.selected类的元素相匹配

请注意，多个类选择器在ie6及以下版本中不起作用。如果您需要与下级浏览器兼容，请考虑使用USER标签并将CSS更改为

.usertag
{
    background:url("/Images/tag.png") no-repeat;
}

.usertag-selected
{
    background:url("/Images/tag-selected.png") no-repeat;
}

---

选中的usertag将覆盖稍后声明的usertag。

为什么我需要使用相对路径？您的web目录通常是/home/domain/public\u html/images/img.jpg-您告诉它在不存在的/images中查找。试试看，如果不行就别告诉我。