Javascript 用js触发css:hover事件

我有

和css：

div.animate:hover{
//do stuff
}

但我也希望通过javascript调用它

有可能吗？

如中所述，这是不可能的（如果您希望在创建此答案时准确描述）

但主要目标可以通过以下方式实现：

设置类

悬停

（或任何名称）以及CSS中的选择器

：hover

调用

.addClass（“hover”）

来触发CSS，调用

.trigger（“hover”）

或

.trigger（“mouseenter”）

来触发JS

确保

mouseleave

处理程序。或第二个

.hover（）

处理程序，清除

hover

类（如果存在）

---

与其这样做，我建议您只需在另一个标记中添加一个类。在jQuery中，它将是：

 $(window).load(function() {
    $('.trigger-animate').hover(function(){
        $('.animate').addClass('hover');
    });
}

我建议使用此方法，因为它同时处理onMouseOver和onMouseOut（这样，如果您希望使用以下语法，也可以在鼠标离开$（'.trigger animate'）时删除该类：

.hover( handlerIn(eventObject), handlerOut(eventObject) )
 checking out the documentation

---

你看这里了吗？可能重复的可能重复的可能重复的我是jQuery新手，这个会放在“onMouseOver”中吗？如果没有，我会把这个代码放在哪里？把它放在$（窗口）中。加载-----。hover是onMouseOver的替代品，所以你甚至不需要它！对不起，我仍然迷路了。我把.hover（…）放在哪里在您的第二个代码段中，第二个代码段只是第一个代码段的完整语法文档。您需要的只是第一个代码段，并且可以使用第二个代码段的语法添加第二个函数，以便在鼠标移出时处理。希望这能让事情变得更清楚一点。vanilla JS没有办法做到这一点吗？