javascript - 哪个更快？ - 修改 css 属性或在 jquery 中添加类

Question

我有大约 100 个元素，正在尝试使用 jquery 创建动画。

<div class="box" id="a1"></div>

我需要根据功能为每个元素添加特殊样式。

哪些在浏览器中渲染得更快:

添加CSS属性

$(this).css({'background-color':'#000'})

或添加类

$(this).addClass("style1")

已更新 我还想补充几件事:

• 现在它有 100 个元素，正在通过 jquery 添加它们。
• 为了创建随机性，我需要创建大约 25 种样式 - 我是通过 javascript 来实现的
• 我是否也应该将样式表的大小添加到相同的大小以获得精确的基准。

Answer 1

which of them is rendered faster in browser:

取决于浏览器。如果你感兴趣，你应该做一些测试。

无论如何，这并不重要，也不太可能成为您网站的瓶颈。
避免微优化，“过早的优化是万恶之源”，您是在浪费时间。