JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

jQuery(document).on('mouseenter', '#parent .child', function (e) {
    jQuery(this).css('backgroundColor','#F00');
}).on('mouseleave', '#parent .child', function (e) {
    jQuery(this).css('backgroundColor','#FFF');
});