使用js触发css：hover事件

Question

我有<div class="animate">和css：

div.animate:hover{
//do stuff
}

但是也想通过javascript调用它。

有可能吗？

Answer 1

如Trigger css hover with JS中所述，这是不可能的（如果您想要在创建此答案时完全描述的话）。

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

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