现在的位置: 首页 > 综合 > 正文

jQuery性能优化的28个建议

2014年02月18日 ⁄ 综合 ⁄ 共 544字 ⁄ 字号 评论关闭

我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来

一、选择器性能优化建议

jquery

1. 总是从#id选择器来继承

这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。

1 $('#content').hide();

或者从ID选择器继承来选择多个元素:

1 $('#content
p'
).hide();

2. 在class前面使用tag

jQuery中第二快的选择器就是tag选择器(如$(‘head’)),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID)

1 var

receiveNewsletter = $(
'#nslForm
input.on'
);

jQuery中class选择器是最慢的,因为在IE浏览器下它会遍历所有的DOM节点。尽量避免使用class选择器。也不要用tag来修饰ID。下面的例子会遍历所有的div元素来查找id为’content’的那个节点:

1 var

content = $(
'div#content');
//
非常慢,不要使用

用ID来修饰ID也是画蛇添足:

1 var
【上篇】
【下篇】

抱歉!评论已关闭.