Hello, welcome to therichpost.com. In this post, I will tell you, How to Add and Remove Class on Hover with jquery? I personally like jquery very much. Most of my code is full with jquery. When I stuck in php or other language then that stuckness I remove with jquery code.

Today, with help of my code, we will  Add and Remove Class on Hover with jquery:

$('#elm').hover(
       function(){ $(this).addClass('hover') },
       function(){ $(this).removeClass('hover') }
)

//or

$('#elm').hover(
function(){$(this).toggleClass(‘classname’);}
);

//or

jQuery(document).ready(function($){
    $('#test').hover(
         function(){ $(this).addClass('test-grey') },
         function(){ $(this).removeClass('test-grey') }
    )
});

//or

$('#elm").hover(
   function() {
      $(this).addClass('fa-plus-square-o');
      $(this).removeClass('fa-plus-square')
   }, function() {
      $(this).addClass('fa-plus-square');
      $(this).removeClass('fa-plus-square-o')
   }
);

 There are so many jquery code, tricks and i will let you know all. Please do comment if you any query related          to     this post. Thank you. Therichpost.com