Add a hoverClass method

[joern]

The following 5 lines are repeated across applications and plugins again and again. I propose to add a plugin method to jQuery core to reduce these to simple one liners:

$(".selector").hover(function() {
  $(this).addClass("class");
}, function() {
  $(this).removeClass("class");
});

Plugin method and usage:

$.fn.hoverClass = function(hoverClass) {
  return this.hover(function() {
    $(this).addClass(hoverClass);
  }, function() {
    $(this).removeClass(hoverClass);
  });
});
$(".selector").hoverClass("class");

[scottgonzalez]

See ​jquery-dev thread.

[anonymous]

This is pretty much duplicating the functionality already available in CSS with :hover pseudo-classes.

[arshadabbas]

You can use:

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

$("#div1").toggleClass("bgcolor");

});

Instead of:

$("#div1").toggleClass("bgcolor");

[addyosmani]

Following on from Scott_Gonzalez, the dev thread above and ​here point to there being a group consensus that this wouldn't really be that useful. We're closing as wontfix for now, unless there is a massive change in group thinking on why this shouldnt be the case.