jQuery - 性能访问元素

Question

我在我正在开发的应用程序中大量使用了 jquery ui 和 jqgrid。在我看到的大多数示例中，这些控件是使用 jquery 选择器访问的，以通过以下方式查找元素 id: $("#elementid")。

我的问题是，jquery 是否提供了足够好的性能来一遍又一遍地执行此操作，或者在第一次访问元素时保存对元素的引用是否是更好的做法:var elementName = $("#elementid");

并重复使用引用？

Answer 1

使用 JQuery 获取 ID 与 Javascript 中的 getElementById() 相同。

正如您可以阅读的那样 here使用直接引用比每次在 DOM 树中搜索来获取对象更快。

IE8 getElementById: 0.4844 ms, IE8 id array lookup: 0.0062 ms

Chrome getElementById: 0.0039 ms, Chrome id array lookup: 0.0006 ms

这些是 10 000 get 的结果。要查看基准测试的完整代码，请单击链接。