JSFiddle - React, Tailwind, and code Playground

HTML

<div data-name="alex"></div>

CSS

div {
    background-color: black;
    width: 50px;
    height: 50px;
}

JavaScript

$('[data-name="alex"]').mouseover(function() {
    $(this).css({'opacity': '0'});
}).mouseleave(function() {
    $(this).css({'opacity': '1'});
})