jquery - Jquery：在div的悬停时附加一个类并在不悬停时删除

Question

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

Answer 1

您将不得不在 jquery中使用addClass和函数removeClass

参考以下代码：

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

可以参考以下链接：

添加类： http ://api.jquery.com/addClass/

删除类：http : //api.jquery.com/removeClass/

希望它有帮助。

Answer 2

你可以试试toggleClass

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

或者试试这个，因为hoverjquery 1.9 不再支持

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