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

如何使用jQuery向元素添加伪类?,jquery,css,pseudo-class,Jquery,Css,Pseudo Class,在CSS中,当您将鼠标悬停在某个元素上时,可以使用:hover伪类指定该元素的视图: .element_class_name:hover { /* stuff here */ } 如何使用jquery添加或“打开”这个伪类?通常在jQuery中,如果要添加类,您将执行以下操作: $(this).addClass("class_name"); 我尝试过“hover”,但这实际上是在元素中添加了一个名为“hover”的类 如果有人知道该写什么,请告诉我!谢谢 不能使用jQuery强制应用

在CSS中,当您将鼠标悬停在某个元素上时,可以使用:hover伪类指定该元素的视图:

.element_class_name:hover {
    /* stuff here */
}
如何使用jquery添加或“打开”这个伪类?通常在jQuery中,如果要添加类,您将执行以下操作:

$(this).addClass("class_name");
我尝试过“hover”,但这实际上是在元素中添加了一个名为“hover”的类


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

不能使用jQuery强制应用某个伪类。这不是伪类(特别是动态伪类)的工作方式,因为它们被设计为基于无法通过DOM()表示的信息进行选择

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

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

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

或者,您可以搜索
.element\u class\u name:hover
规则,并使用jQuery本身添加该类,而无需将其硬编码到样式表中。不过,这是相同的原则。

我认为jQuery或javascript无法做到这一点

你可以在这两个问题中找到相同的答案:

  • 在这页上划个叉

    <div id="Style">
      <style>
        .element_class_name:hover {
          /* stuff here */
        }
      </style>
    </div>
    
    不幸的是,您正在调用的元素必须有一个id。

    $(“body”).children()。单击(函数(){
    $(“#Style”).find(“Style”).prepend(“#“+this.id+”:hover,”);
    });
    
    /*演示*/
    * {
    过渡:不透明度1s;
    }
    
    .element\u class\u name:悬停{
    不透明度:0!重要;
    }
    在此处添加悬停类
    在这里添加悬停类
    

    不过,要使用它,您必须为该特定元素分配一个id。

    jQuery有一个
    hover()函数,如下所示:

    对于
    :hover
    pollyfill来说,这是一个非常好的函数


    $(选择器).hover(inFunction,outFunction)

    鼠标悬停元素时,是否要使用jQuery将类添加到元素中?这可能会有帮助:相关问题:
    $("#Style").find("style").prepend("#" + this.id + ":hover, ");