Answers for "on hover jquery"

10

jquery hover

$( "td" ).hover(
  	() => { //hover
    	$(this).addClass("hover");
  	}, 
  	() => { //out
    	$(this).removeClass("hover");
  	}
);

//or
$( "td" )
  	.mouseover( () => {
    	$(this).addClass("hover");
  	}) 
  	.mouseout( () => {
    	$(this).removeClass("hover");
  	}
);

//or
$( "td" )
  	.mouseenter( () => {
    	$(this).addClass("hover");
  	}) 
  	.mouseleave( () => {
    	$(this).removeClass("hover");
  	}
);
Posted by: Guest on April-03-2020
0

jquery hover function

$(document).ready(function() {
            $("p").hover(function() {
                $(this).css("background-color", "green");
            }, function() {
                $(this).css("background-color", "yellow");
            });
        });
Posted by: Guest on August-02-2021
0

jquery on hover event

$(".selector").on({
    mouseenter: function () {
        //stuff to do on mouse enter
    },
    mouseleave: function () {
        //stuff to do on mouse leave
    }
});
Posted by: Guest on July-01-2021
3

hover jquery

$( "div.enterleave" )
  .mouseenter(function() {
    n += 1;
    $( this ).find( "span" ).text( "mouse enter x " + n );
  })
  .mouseleave(function() {
    $( this ).find( "span" ).text( "mouse leave" );
  });
Posted by: Guest on June-17-2020
1

jquery mouse hover method

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

  alert("You entered p1!");

 },

 function(){

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

});
Posted by: Guest on April-19-2021

Code answers related to "Javascript"

Browse Popular Code Answers by Language