jquery hover
$( "td" ).hover( () => { //hover $(this).addClass("hover"); }, () => { //out $(this).removeClass("hover"); } ); //or $( "td" ) .mouseover( () => { $(this).addClass("hover"); }) .mouseout( () => { $(this).removeClass("hover"); } ); //or $( "td" ) .mouseenter( () => { $(this).addClass("hover"); }) .mouseleave( () => { $(this).removeClass("hover"); } );