JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bar">bar</div>
<a href="#">foo</a>

CSS

#bar{
    float: left;
    background: green;
}

a {
    float: left;
    background: red;
}

JavaScript

$('a').hover(function(){
    console.log('hovered');
},function(){
    if($('#bar').is(':hover')===false){
        console.log('bar is not hovered');
    }
});