jquery - Jquery: div のホバー時にクラスを追加し、ホバーしていないときに削除します

Question

そのdivのホバー時にクラスをdivに追加し、ホバーしていないときにそのクラスを削除したい。そして、別のdivにカーソルを合わせると、このクラスが追加され、ホバーされていないときに削除される必要があります。誰かがjqueryでそれを行う方法を教えてください......

Answer 1

jqueryでaddClassand関数を使用する必要がありますremoveClass

次のコードを参照してください。

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

次のリンクを参照できます。

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

クラスの削除: http://api.jquery.com/removeClass/

お役に立てば幸いです。

Answer 2

あなたはtoggleClassを試すことができます

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

または、jquery 1.9 ではサポートされなくなったため、これを試してhoverください。

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