JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hello" style="border: 1px solid #000000; margin:10px; padding:5px;">Hello</div>
<div style="border: 1px solid #000000; margin:10px; padding:5px;">Word</div>
<div style="margin:10px; padding:5px;">Test</div>

CSS

.mark {

    border: 1px solid #ff0000;
    background-color:#00ff00;
}

JavaScript

$(document).ready(function uart()
{    
    
    $('div').live('hover', function (event)
    {
             if (event.type == 'mouseover')
             {
               $(this).addClass('mark');
             }
             else
             {
               $(this).removeClass('mark');
             }
    });
    
});