將jQuery鼠標懸停事件添加到元素

Question

下面的HTML具有類service_img的簡單圖像標記。

<img class="service_img" src="img/other/wedding.png" alt="wedding" /> 

這是JavaScript代碼，我寫道：

$('.service_img').mouseover(function(){ 
    $(this).addClass('animated jello'); 
}) 

如何添加一個jQuery鼠標懸停事件的img？

Answer 1

// Runs when the mouse enters the element 
$("img.service_img").on('mouseover',function(){ 
    $(this).addClass('animated jello'); 
}); 

// Runs when the mouse leaves the element 
$("img.service_img").on('mouseout',function(){ 
    $(this).removeClass('animated jello'); 
});