How to use hover method in jQuery

In my earlier post, I have posted about how to provide highlight effect on mouseover and mouseout using jQuery events. Today, I found another solution which is easy and compact. jQuery provide hover() event which works for both the events. It works for mouseover and it also works for mouseout. Below jQuery code uses the hover function.

$(document).ready(function(){
  $("#tblData tr").hover(function() {
    $(this).addClass('hover');
    }, function() {
    $(this).removeClass('hover');
  });
});

hover takes two arguments. First function for mouseover and second for mouseout.

See live Demo and Code

Feel free to contact me for any help related to jQuery. I will gladly help you.



Responsive Menu
Add more content here...