Jquery：在div悬停时附加一个Class，并在不悬停时删除

Question

我希望在该div上悬停时将一个类附加到div上，并在不悬停时删除该类。当我将鼠标悬停在另一个div上时，此类应该在不悬停时附加并删除。有人说我在jquery中怎么做......

Answer 1

您必须在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/

希望它有用。

Answer 2

您可以尝试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');
    });
});