jquery un-hover

Question

私は段落内のリンクのホバー上の段落に背景色を付けるためにこのスクリプトを持っています。どのようにすればいいのかわからないのは、いったん「ホバリングしない」と元の背景色に戻すことです。

$(function(){ 
    $(".box a").hover(function(){ 
    $(this).parent().css('background-color', '#fff200'); 
    }); 
}); 

ありがとう！

Answer 1

あなたはむしろcss()よりaddClass()を使用し、このためのjQueryを使用する必要がある場合は、以下の機能がとしてのonmouseoverと

$(function(){ 
    $(".box a").hover(function(){ 
    $(this).parent().css('background-color', '#fff200'); 
    }, function(){ 
     // change to any color that was previously used. 
     $(this).parent().css('background-color', '#fff200'); 
    }); 
}); 

Answer 2

jQuery documentationにホバーアウトハンドラがあります。それで元の色に戻すことができます。あなたがしているすべてが色を変えているなら、CSSを使わないのはなぜですか？

$(function(){ 
    $(".box a").hover(function(){ 
     $(this).parent().css('background-color', '#fff200'); 
    },function(){ 
     $(this).parent().css('background-color', '#originalhexcolor'); 
    }); 
}); 

Answer 3

jQueryの

$(".box a").hover(function(){ 
    $(this).parent().css('background-color', '#fff200'); 
}, function() { 
    $(this).parent().css('background-color', '#ffffff'); 
}); 

はfiddleを参照してください。

Answer 4

ONMOUSEOUT作品：

$('.box a').hover(function(){ 
    $(this).closest('.box').addClass('hoveredOver'); 
}, function(){ 
    $(this).closest('.box').removeClass('hoveredOver'); 
}); 

CSSで：

.hoveredOver { 
    background-color: #fff; 
} 

JS Fiddle demo。

参考文献：

• addClass()。
• removeClass()。