jQuery的未悬停

Question

我有这样的脚本造成的段落内链接的悬停一段的背景颜色。我不知道该怎么做是因为一旦我“解除悬停”，它就会回到原来的背景颜色。

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

谢谢！

Answer 1

了以下功能工作原理的onmouseover和onmouseout

$(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

如果必须使用jQuery为此，使用addClass()而不是css()：

$('.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()。