/Javascript/jQuery/Jquery hover function

Jquery hover function

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 and hover out

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

-1

Source: api.jquery.com

Similar codes

84 votes138 views4 answers
How get checkbox if checked in jquery
Javascript jQuery
30 votes122 views3 answers
Jquery delete buton
Javascript jQuery
0 vote163 views1 answer
Jquery check if input is empty on keyup
Javascript jQuery
0 vote116 views1 answer
Jquery add option if not exist
Javascript jQuery
0 vote136 views2 answers
Jquery noconflict
Javascript jQuery
0 vote135 views1 answer
Jquery is not defined rails
Javascript jQuery
18 votes135 views5 answers
Jquery ajax form submit example
Javascript jQuery
1 vote145 views4 answers
Jquery scroll when object appear on screen make animation
Javascript jQuery
0 vote127 views2 answers
Jquery on click outsile hide div
Javascript jQuery
15 votes125 views1 answer
Flash a button jquery onclick
Javascript jQuery