用js触发css：hover事件

Question

我有<div class="animate">并在CSS中：

div.animate:hover{
//do stuff
}

但也想通过javascript调用它。

可能吗？

Answer 1

如使用JS触发CSS悬停中所述，这是不能原样进行的（如果要按照创建此答案时的确切说明进行操作）。

但主要目标是可以达到的：

1. 在CSS中设置类hover （或任何名称）以及选择器:hover 。
2. 调用.addClass("hover")触发CSS，并.trigger("hover")或.trigger("mouseenter")触发JS。
3. 确保mouseleave处理程序。 或第二个.hover()处理函数，清除hover类（如果存在）。

Answer 2

建议您不要在其他标签中添加一个类，而不要这样做。 在jQuery中，它将是：

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

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

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