如何使用jQuery向元素添加伪类？

Question

在CSS中，将鼠标悬停在元素上时，可以使用：hover伪类为其指定视图：

.element_class_name:hover {
    /* stuff here */
}

如何使用jquery添加或“打开”此伪类？通常在jQuery中，如果您想添加一个类，可以这样做：

$(this).addClass("class_name");

我已经尝试过“ hover”，但这实际上是在元素中添加了一个名为“ hover”的类。

如果有人知道写什么，请告诉我！谢谢！

Answer 1

您不能强迫某个伪类使用jQuery来应用。伪类（尤其是动态伪类）不是这样工作的，因为它们是根据无法通过DOM（spec）表示的信息进行选择而设计的。

您必须指定另一个要使用的类，然后使用jQuery添加该类。像这样：

.element_class_name:hover, .element_class_name.jqhover {
    /* stuff here */
}

$(this).addClass("jqhover");

或者，您可以寻找.element_class_name:hover规则并使用jQuery本身添加该类，而无需将其硬编码到样式表中。不过，这是相同的原理。