Jquery addClass 和 Remove Class 在悬停时

Jquery addClass and Remove Class on hover

本文关键字：悬停 Class Remove addClass Jquery      更新时间：2023-09-26

好的，我想在鼠标悬停在元素上时向元素添加一个类cfse_a，#searchput当鼠标悬停在元素上时，当鼠标不悬停在元素上时，然后删除类cfse_a。

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

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

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

$('#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((

演示

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

使用它，希望它有帮助！

希望这有帮助。

$('#searchput').mouseover(function() {
    $(this).addClass('cfse_a');
}).mouseout(function(){
    $(this).removeClass('cfse_a');
});
相关文章：