JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <div class="child">
        Hover Text
    </div>
</div>

JavaScript

$(document).ready(function(){
    $('#parent').on({
        mouseenter: function() {
            alert('Hello');
        },
        mouseleave: function() {
            alert('bye..!!!');
        }
    }, ".child");
});