将jQuery mouseover事件添加到元素

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');
});