小编典典

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

css

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

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

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

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

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

如果有人知道写什么,请告诉我!谢谢!


阅读 1827

收藏
2020-05-16

共1个答案

小编典典

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

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

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

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

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

2020-05-16