Jquery：在div上悬停时添加一个类，并在不悬停时移除

Question

我想在该div的悬停上向类中追加一个类，并在悬停时移除该类。当我将鼠标悬停在另一个div上时，当它不在悬停时，这个类应该被追加并删除。有人说，我该怎么办呢jQuery中......

Answer 1

您可以尝试toggleClass

$(function(){ 
    $('#id').hover(function(){ 
     $('#id2').toggleClass('classname'); 
    }); 
}); 

或者试试这个，因为hover是no longer supported in jquery 1.9

$(function(){ 
    $('#id').on('mouseenter mouseleave', function(){ 
     $('#id2').toggleClass('classname'); 
    }); 
}); 

Answer 2

您将在jQuery的使用addClass和removeClass功能

请参阅下面的代码：

$(document).ready(function() {  
    $('#secID, #thID').hover(function(){  
     $('#oneID').addClass('red');  
    },  
    function(){  
     $('#oneID').removeClass('red');  
    }); 
}); 

可以参考以下链接：

AddClass：http://api.jquery.com/addClass/

个

RemoveClass：http://api.jquery.com/removeClass/

希望它有用。