在单个页面上使用jQuery禁用CSS规则

Question

我正在尝试在单个页面上禁用此CSS规则：

[id^="ITEMROW_"]:hover
{
  background-color: #F6F6F6 !important;
}

使用以下jQuery：

$("id^=ITEMROW_").css("hover", "");

但是，它不起作用。 CSS代码仍在应用。

有人可以帮忙吗？

Answer 1

这是因为悬停是伪类而不是属性。您不能直接在jquery中编辑伪类。因为从技术上讲，它不是DOM的一部分，因此任何JavaScript都无法访问它。但是您可以添加一个新的类，并指定一个新的：hover。

像

[class^="newclass"]:hover
{
  background-color: #F6F6F6 !important;
}

并进行切换

$('#ITEMROW_').toggleClass('newclass');