有哪些提高jQuery性能的快速提示？

Question

有哪些提高jQuery性能的快速提示？

Answer 1

1. 首选仅通过ID进行简单选择,然后仅通过标签名称进行简单选择.通过类名或CSS选择器选择需要jQuery来遍历DOM,而ID和标记映射到"本机"浏览器DOM函数(getElementById和getElementByTagName).
2. 尽可能地缓存 jQuery对象.
3. 将操作范围限定为根jQuery对象.不是单独选择元素,而是选择一个共同的祖先元素,并使用该find函数查找元素子范围内的元素.如果你正在对共同的祖先进行一些操作,这真的是最佳的; 否则,找到祖先并缓存它的开销可能超过范围遍历的好处.
4. 不要使用$.each(),使用for(;;)替代.它的速度提高了十倍以上.

Answer 2

Paul Irish最近在2009年jQuery大会上做了关于性能的演讲.这些幻灯片是我见过的最全面的幻灯片.

http://paulirish.com/perf/
http://www.slideshare.net/paul.irish/perfcompression

Answer 3

谷歌CDN上的参考文件,因此加载速度更快.

Answer 4

而不是做:

$("#foo").addClass('test');
$("#foo").removeClass("bar");
$("#foo").slideUp('slow');

你可以做:

$("#foo").addClass('test').removeClass('bar').slideUp('slow');