JSFiddle - React, Tailwind, and code Playground

HTML

<div class="page">
    <p> some text here</p>
    <p class="item">I am an item</p>
    <p>I am not</p>
    <p class="silly item">I am a silly item</p>
    <p class="item extravaganza">I am an item extravaganza</p>
</div>
<p class="item">Nothing should happen here</p>

CSS

.hover { background: cornflowerblue; }

JavaScript

$('.page').on({
    mouseenter : function () { $(this).addClass('hover'); }, 
    mouseleave : function () { $(this).removeClass('hover'); }
}, '.item');