/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

24 votes149 views6 answers
Jquery submit form
Javascript jQuery
3 votes158 views2 answers
Select onchange jquery get the selected option data attribute
Javascript jQuery
0 vote155 views1 answer
Add jquery to project
Javascript jQuery
1 vote178 views1 answer
Column.footer jquery
Javascript jQuery
2 votes144 views2 answers
What is $ in jquery
Javascript jQuery
9 votes161 views3 answers
Get the id of a div in jquery
Javascript jQuery
0 vote175 views2 answers
Jquery body class add
Javascript jQuery
0 vote171 views2 answers
Jquery style top
Javascript jQuery
49 votes147 views6 answers
How to get selected radio button value in jquery
Javascript jQuery
13 votes152 views6 answers
Jquery remove class
Javascript jQuery