javascript - 1 つの div をロールオーバーして複数の div タグを切り替える

Question

ロールオーバーを使用して他の div タグのテキストと画像を表示する際に問題が発生しました。だから私は基本的に次のようなことを言う JavaScript (jQuery) 関数を書きたいと思っています:

$(.class).mouse enter(function(){
 change (this class) to (this class)
 change (this class) to (this class)
 change (this class) to (this class)

 $(.class).mouse leave(function(){
 change (this class) back to (this class)
 change (this class) back to (this class)
 change (this class) back to (this class)

これらのクラスは異なる div タグにあり、すべてが同じ div タグにあるわけではありません。これを行う方法がわかりません。

Answer 1

このダミー コードが必要な場合があります。しかし、このコードを使用する前に、jQuery を学ぶことを強くお勧めします。

$('.className').on('mouseenter', function () {
    $('.class').removeClass('oldClass').addClass('newClass');
    $('#id').removeClass('oldClass1').addClass('newClass1');
});

$('.className').on('mouseleave', function () {
    $('.class').removeClass('newClass').addClass('oldClass');
    $('#id').removeClass('newClass1').addClass('oldClass1');
});