jQuery：如何通过控制台转换到另一种背景颜色？ [复制]

Posted 2023-05-08

【中文标题】jQuery：如何通过控制台转换到另一种背景颜色？ [复制]

【英文标题】：jQuery: How can I transition to another background color through console? [duplicate]

【发布时间】：2015-03-02 05:33:55

【问题描述】：

我正在尝试通过控制台更改标签的不同背景颜色的淡入淡出。我正在使用我得到from this thread 的命令$('body').animate(backgroundColor: "#fff", 'slow');，但它所做的一切都返回代表身体的jQuery 对象。我确实包含了 jQuery。

如何通过控制台转换为另一种背景颜色？

【问题讨论】：

IMO，你最好切换一个类并使用 CSS 过渡

【参考方案1】：

默认情况下，您不能使用 jQuery 为背景设置动画：

来自动画 jquery 文档：

所有动画属性都应动画为单个数值，除非以下说明；大多数非数字属性无法使用基本的 jQuery 功能进行动画处理（例如，宽度、高度或左侧可以设置动画，但背景颜色不能设置，除非使用 jQuery.Color() 插件）。除非另有说明，否则属性值被视为像素数。如果适用，可以指定单位 em 和 %。

但是你可以使用插件：

例如：https://github.com/jquery/jquery-color

【讨论】：

酷，它现在可以工作了。谢谢！

【参考方案2】：

如果你可以不用动画。试试这个：

document.getElementsByTagName('body')[0].style.backgroundColor='#000';