jQuery用css:hover改变颜色

Question

我有以下CSS

#button:hover .inner {
    background-color: #9c0000;
    -webkit-animation: circle 1s;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: circle 1s;
    -moz-animation-fill-mode: forwards;
    animation: circle 1s;
    animation-fill-mode: forwards;
}

这个想法是，.inner将在父div中生长以填充它。这部分工作，但我想让人们定义一个background-color，当我尝试$('#button:hover .inner').css('background-color',colorChoice);这不会改变它。

所以我想知道，如果我能够提供一个变量，如var colorChoice = '#ff0';

，它实际上是有可能改变background-color从上面的css使用jQuery

我已经提供了我的jsFiddle来向您展示我希望它如何工作

Answer 1

这应该是可能的使用jQuery，但我认为你需要使用http://api.jquery.com/hover/而不是$('#button:hover .inner')选择器，你目前有

Answer 2

$('#button').hover(function(){
    $(this).find('.inner').css('background-color',colorChoice);
});