jquery – 在变量中存储选定/找到的元素是否会提高性能?

前端之家收集整理的这篇文章主要介绍了jquery – 在变量中存储选定/找到的元素是否会提高性能?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我创建了一个jQuery插件修改我的导航.不幸的是,我必须访问和修改几乎所有子元素,例如< ul>,< li>,< a>等等.那些元素需要一到四次.

我应该将它们全部存储在变量中,还是应该像$(‘.my-nav’).find(‘li’)或$(‘.my-nav’)一样访问它们.在需要时找到(‘li’)?

对于25行代码,有5个变量似乎浪费了内存.
但我不知道这是否是一个可以接受的权衡,以获得更高的性能.

我创建了一个小提琴来说明其含义:http://jsfiddle.net/Yj35Q/2/

解决方法

始终是缓存节点的好习惯.您也可以使用 http://jsperf.com/自我测试

除非要存储大量的DOM树或其他内容,否则您不必担心存储空间变量需要多少.与JS引擎定位节点所需的工作量相关性更大.

编辑
甚至更好,你可以找到其他人已经创建的现有测试用例
http://jsperf.com/ns-jq-cached/4

猜你在找的jQuery相关文章