смена картинки при наведении

[misha.korolcov]

доброе время суток у меня есть див с классом test и при наведении на див надо сменить картинку я попробовал написать на jquery но не могу понять где ошибка

if ($(".test") hover(handlerInOut(eventObject))){
      $(".test").attr("src", "img/Vector4.png");
}

зарание спасибо

[Dilettante_Pro]

<img class="test" src = "https://javascript.ru/cat/list/donkey.gif">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
   $(".test").on("mouseover", function() {
       $(this).attr("src","https://javascript.ru/cat/list/jquery_54.png");
   });
   $(".test").on("mouseleave", function() {
       $(this).attr("src","https://javascript.ru/cat/list/donkey.gif");
   });
</script>

Или без jquery и скриптов

<style>
.test {
width:50px;
height:50px;
background-image: url(https://javascript.ru/cat/list/donkey.gif)
}
.test:hover {
background-image: url(https://javascript.ru/cat/list/jquery_54.png)
}
</style>
<div class="test"></div>

[misha.korolcov]

спс очень помогли