JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div-1">Test 1</div>
<div id="div-2">Test 2</div>
<div id="div-3">Test 3</div>
<div id="div-4">Test 4</div>
<div id="div-5">Test 5</div>
<div id="div-6">Test 6</div>

CSS

div { padding: 5px; font: 1em/1.25em arial; color: #444; border: 1px solid #ddd; background: #ccc;}

JavaScript

$("div").hover(
  function () {
      $(this).css("background", "#ddd");
  }, 
  function () {
      $(this).css("background", "#ccc");
  }
);