Jquery 在css文件中取消绑定选择器，然后再次绑定选择器

我有一个div，他在file.css中有一个选择器：

#item {background-image: url(Images/panda.png);
}
#item:hover { background-image: url(Images/pandaOf.png);
}
#item:active { background-image: url(Images/pandaOn.png);
}

我需要（在jQuery中）这个选择器（：hover和：active）不起作用

$("#clickItem").click(function (){
...
 });

之后我需要再次使用选择器

$("#clickItem2").click(function (){
...
 });

HTML代码：

<div id = "item"> </div>
<div id = "clickItem"> </div>
<div id = "clickItem2"> </div>

---

jQuery有一个特定的悬停方法，对您可能有用

以下是一个例子：

$("#clickItem").hover(function (){
      Code for OnHover goes here
 },
function (){
      Code for OffHover goes here
 }
});

有关更多详细信息，请参阅jQuery悬停文档： 我想这就是你的意思

CSS

.item-active {
    background-image: url(Images/panda.png);
}
.item-active:hover {
    background-image: url(Images/pandaOf.png);
}
.item-active:active {
    background-image: url(Images/pandaOn.png);
}

HTML

<div id="item" class="item-active"></div>
<div id="clickItem">clickItem</div>
<div id="clickItem2">clickItem2</div>

---

默认情况下，您拥有

#项

的悬停和活动状态。如果单击

#单击项目

，则会将其删除。如果您单击

#单击项目2

，它会再次打开它们。

Wha？？

#clickItem

和

#clickItem2

是否为原始的

#item

div，但具有更改的ID或额外的元素？单击这些额外元素是否启用/禁用

#项

上的css？这个问题需要澄清。在jQuery中，您需要如何处理这些选择器？您的问题在这一部分不清楚。对不起，我不理解这个问题。请使用类而不是ID，然后您可以使用

addClass（）

和

removeClass（）

@Archer谢谢。对不起，我把这个问题写得有点混乱。

$("#clickItem").click(function (){
    $("#item").removeClass("item-active");
});

$("#clickItem2").click(function (){
    $("#item").addClass("item-active");
});