javascript - 更改许多元素的顶部/左侧的更好性能：JQuery 或纯 Javascript？

Question

关于纯香草 js 与 jQuery 的实际好处的问题。我已经阅读了许多关于纯 js 或 vanilla js 与 jQuery 的优势的论坛和文章，但我想知道它是否真的有助于我的具体情况，值得回去重写代码。

我有一个包含大约 20 个带有图像的元素的网页，当用户单击一个按钮时，所有 20 个元素都会向左滑动，当用户再次单击时，它们会向后滑动。目前我正在使用$('#elementID').css({top: x, left: y});函数中的每个元素来更改它。将其转换为document.getElementById(elementID).cssText({top: x, left: y});ORdocument.getElementById(elementID).style.top = x; document.getElementById(elementID.style.left = y;实际上会产生明显的性能变化吗？

如果我希望用户经常触发此操作，会不会对性能产生影响。提前致谢！

标签： javascripthtmljquerycssperformance

Answer 1

如果有 20 张图像和“一次”调用 - 不是真的，但是当您必须处理大量 DOM 操作时 - 差异可能非常大。

我喜欢使用https://jsbench.me/来测试 JavaScript。