悬停时Jquery addClass和Remove Class

Question

好吧我想在鼠标悬停在cfse_a元素上#searchput时向元素添加一个类,然后当鼠标悬停在元素上时然后删除类cfse_a.

Answer 1

使用hover事件addClass和removeClass方法:

$("#searchput").hover(function() {
    $(this).addClass("cfse_a");
}, function() {
    $(this).removeClass("cfse_a");
});

演示: http ://jsfiddle.net/G23EA/

Answer 2

$('#searchput').hover(function() {
  $(this).addClass('cfse_a'); // add class when mouseover happen
}, function() {
  $(this).removeClass('cfse_a'); // remove class when mouseout happen
});

您还可以使用:

$('#searchput').hover(function() {
  $(this).toggleClass('cfse_a');
});

请参阅toggleClass()

DEMO