Jquery addClass和移除类上的悬停

Question

好吧，我想添加一个类cfse_a到一个元素#searchput当鼠标悬停在元素上，然后当鼠标没有悬停在元素上，然后删除类cfse_a。

Answer 1

使用hover事件与addClass和removeClass方法：

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

DEMO：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

Answer 3

希望这有助于。

$('#searchput').mouseover(function() { 
    $(this).addClass('cfse_a'); 
}).mouseout(function(){ 
    $(this).removeClass('cfse_a'); 
}); 

Answer 4

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

使用it.hope它帮助！