如何使用jQuery向元素添加伪类?
在CSS中,当您将鼠标悬停在某个元素上时,可以使用:hover伪类指定该元素的视图:如何使用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强制应用
.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, ");