javascript - 如何引用 CSS 或 JS 文件中的元素以实现最快的解析？

Question

我正在努力提高网站的呈现速度。

CSS 和 JS 文件大多引用这样的元素:

Javascript:

   $('.some_element').doSth()

CSS:

   .some_element { /* do something */ }

只是好奇 - 这是在 javascript 解析和网站呈现方面引用元素的最佳方式吗？做类似 div.some_element 的事情不是更好吗？

感谢您提供一些信息!

Answer 1

如果速度优先，您可能希望切换到 vanilla javascript尽你所能地。 native javascript 比 jQuery 更快。

如果您想保留您的 jQuery 选择器，请使用父级上下文来更有效地搜索元素。示例 $('#parent').find(child)

您可以在网上找到更多关于 javascript 和 jquery 优化的技巧: http://engineeredweb.com/blog/10/12/3-tips-make-your-jquery-selectors-faster/