jquery hover function

                                    $(document).ready(function() {
            $("p").hover(function() {
                $(this).css("background-color", "green");
            }, function() {
                $(this).css("background-color", "yellow");
            });
        });

                                    $(".selector").on({
    mouseenter: function () {
        //stuff to do on mouse enter
    },
    mouseleave: function () {
        //stuff to do on mouse leave
    }
});

                                    $( "div.enterleave" )
  .mouseenter(function() {
    n += 1;
    $( this ).find( "span" ).text( "mouse enter x " + n );
  })
  .mouseleave(function() {
    $( this ).find( "span" ).text( "mouse leave" );
  });

                                    $( selector ).mouseenter( handlerIn ).mouseleave( handlerOut );

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

  alert("You entered p1!");

 },

 function(){

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

});