Jquery 处理性能-fadeTo（）与css不透明度

我已经试验了由以下功能设置动画的重复事件：

Jquery动画效果：

fadeTo（1000,1）

$（'#foo'）.on（'click'，function（）{$（'#bar'）.css（{“opacity”：1}）；

当我一次又一次地重复切换事件时，似乎事件正在逐渐变慢

我也在Chrome的任务管理器中查看了一下，但是，很难看出GPU的消费有什么不同

---

你知道哪一个执行得更快吗？

在刚刚运行了一个jsPerf之后，正如我所怀疑的那样，

fadeTo

似乎比慢得多

事实上，对我来说，速度要慢56%：

这是我创建的测试，您可以自己运行它：

---

与fadeTo相比，.css方法消耗的GPU要少得多。

在什么方面更快？

.css（）

函数不是动画，因此更改会立即发生。使用

.fadeTo（））

，另一方面，将逐渐更改不透明度，直到达到指定值，并将占用指定的整个持续时间（在本例中为1秒）。很抱歉，问题描述不清楚。我已进行了更改。