觸發的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類（如果存在）。