触发的CSS：用JS

Question

我<div class="animate">和CSS悬停事件：

div.animate:hover{ 
//do stuff 
} 

但也想通过JavaScript调用此方法。

可能吗？

Answer 1

而不是这样做，我建议你只需添加一个类到另一个标签。在jQuery中这将是：

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

我建议使用这种方法，因为它可以同时处理的onMouseOver和onmouseout（这样，当你的鼠标离开$您还可以删除类（）“触发动画。”如果你因此采用这种语法期望：

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

Answer 2

如Trigger css hover with JS中所述，这是不可能的（如果您希望按照创建此答案时的描述）。

但主要的目标是可以实现的：

1. 设置类hover（或其他名称）以及在CSS选择器:hover。
2. 调用.addClass("hover")来触发CSS，而.trigger("hover")或​​来触发JS。
3. 确保mouseleave处理程序。或第二个.hover()处理程序，将清除hover类（如果存在）。