Jquery hover event

Hover jquery

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

Jquery hover function

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

Jquery on hover event

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

Source: stackoverflow.com

Jquery hover event

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

-1

Source: api.jquery.com

Similar codes

4 votes174 views2 answers
Add jquery angular
Javascript jQuery
8 votes149 views5 answers
Radio button checked event jquery
Javascript jQuery
2 votes145 views2 answers
Bootstrap modal show on page load without jquery
Javascript jQuery
1 vote149 views1 answer
Jquery confirmation dialog example
Javascript jQuery
0 vote143 views1 answer
Jquery parent panel hide
Javascript jQuery
0 vote182 views2 answers
How to add the click event into two element in jquery
Javascript jQuery
1 vote153 views4 answers
JQuery remove a CSS style
Javascript jQuery
6 votes146 views4 answers
Jquery scroll to element in scrollable div
Javascript jQuery
0 vote146 views1 answer
Jquery set focus on first input which is not readonly
Javascript jQuery
8 votes183 views3 answers
How to get value from select option using input name in jquery
Javascript jQuery