jQuery的改變顏色的CSS：懸停

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);這根本不會改變它。

所以我想知道它實際上是可以改變從CSS中background-color以上使用jQuery，如果我能夠提供這樣一個變量var colorChoice = '#ff0';

我提供了我的jsFiddle向您展示我如何想工作

Answer 1

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

Answer 2

它應該有可能使用jQuery，但我認爲你需要使用http://api.jquery.com/hover/而不是你現在擁有的$（'＃button：hover .inner'）選擇器。