JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <span>HOVER ME</span>
 </div>

CSS

.container{
    width: 100px;
    height: 100px;
    background: #f00;
}
.container span{
    cursor: pointer;
}
.add-class{
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    background: #eaeaea;
}
}

JavaScript

$("span").hover(
  function () {
    $(this).parent().addClass("add-class");
  },
  function () {
    $(this).parent().removeClass("add-class");
  }
);