/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

0 vote117 views1 answer
Strpad jquery
Javascript jQuery
0 vote118 views2 answers
Jquery get all value from class
Javascript jQuery
-1 vote128 views1 answer
Jquery show and hide after 5 seconds
Javascript jQuery
0 vote157 views2 answers
Get table row data jquery
Javascript jQuery
0 vote143 views1 answer
Jquery to copy two input fields into one with a space between
Javascript jQuery
0 vote106 views1 answer
Jquery create element properties
Javascript jQuery
0 vote132 views1 answer
Wordpress not loading jquery
Javascript jQuery
30 votes178 views6 answers
Find element with data attribute jquery
Javascript jQuery
14 votes118 views5 answers
Append after element jquery
Javascript jQuery
0 vote130 views1 answer
Jquery set style background image
Javascript jQuery