how to use hover css using jquery code example

Example 1: 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");
  	}
);

Example 2: jquery mouse hover method

$("#p1").hover(function(){

  alert("You entered p1!");

 },

 function(){

  alert("Bye! You now leave p1!");

});