JSFiddle - React, Tailwind, and code Playground

HTML

<img class="test" src="http://www.ishs.org/sites/default/files/news-images/tomato.jpg" />


<div class="hover-on-div">
    <img  src="http://www.ishs.org/sites/default/files/news-images/tomato.jpg" />
    
</div>

JavaScript

$(".test").hover(function () {
    $(this).attr("src", "http://clouddragon.files.wordpress.com/2011/12/cucumber-1.jpg");
},

function () {
    $(this).attr("src", "http://www.ishs.org/sites/default/files/news-images/tomato.jpg");
});


$(".hover-on-div").hover(function () {
    $(this).find("img").attr("src", "http://clouddragon.files.wordpress.com/2011/12/cucumber-1.jpg");
},

function () {
    $(this).find("img").attr("src", "http://www.ishs.org/sites/default/files/news-images/tomato.jpg");
});