jquery - Jquery + CSS 默认 BG 颜色

Question

我有一个 div，其 CSS 样式为绿色或蓝色，具体取决于第 n 个子颜色。我将其设置为橙色使用

<div id='yo' class='alternatingcolors' style='background-color: #FF9900;'>hello</div> 

我想使用jquery将它动画化回原来的颜色

$('yo').animate({ backgroundColor: 'transparent'}, 500);

但是，transparent、inherit、null 或 '' 都不起作用。

我怎样才能让它恢复原来的颜色？本质上我想将它动画到之前的状态： style='background-color: #FF9900;' 已设置。

Answer 1

对 'yo' 的查找应以哈希为前缀，例如：

$('#yo')

如果这不是问题：

您可以将原始颜色作为数据存储在 div 中，然后再将其恢复：

<div id='yo' data-original-color='#FF9900' class='alternatingcolors'>

然后：

$('#yo').animate({ backgroundColor: $('#yo').data('original-color') }, 500);

Answer 2

您可以将其第一个背景颜色保存到变量中，然后使用它：

orange = $("yo").css("background-color")