JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container"><input type="submit"></div>

CSS

#container{padding:20px;}
.red{background:red;}
.yellow{background:yellow;}

JavaScript

$('#container').on({
    'mouseenter' : function(){
        $(this).addClass('red');
    },
    'mouseleave' : function(){
        $(this).addClass('yellow');
    }
});
$('#container').find('input').on({
    'mouseenter' : function(){
        $('#container').removeClass('yellow');
    },
    'mouseleave' : function(){
        $('#container').addClass('red');
    }
})