提高jQuery性能的十个诀窍

一 、尽量使用最新版本的jQuery,因为每次jQuery版本的更新，有很多方法性能上都做了提升。

二、合理使用选择器：速度上 ID选择器和元素标签选择器 > 类选择器 > 伪类选择器跟属性选择器。

三、理解父类子类之间的关系，选择最合理的jQuery方法，如查找子元素使用find()方法是最快的，大于$("#XXX").children()。

四、尽量少改动DOM,每次改动DOM是非常消耗性能的,所以如果有多次改动，建议组合后插入DOM。

五、写JQ的时候尽量使用方法链，方法链每次都能自动缓存上一步的的结果

六、使用委托事件绑定函数，如有表格，需要对行进行100次的点击，就不需要对行进行100次的绑定，只需要对table绑定一次就行。因为JavaScript的事件处理都是以”冒泡“的形式，所以直接绑定父元素即可。$("#table").delegate("tr","click",function(){})。

七、使用缓存机制；选择DOM对象非常的耗费性能，所以选择后，尽量保持在缓存中.。如 要对#top进行多次操作，可保存#top 在变量a 中 ；var a =$("#top");a.find();a.attr();

八、正确使用循环；原生的 for  或者  while 循环，它们的遍历速度要比JQuery 的each 要快。应优先是使用原生循环。

九、不要过度使用JQuery；有些地方能使用原生写法，尽量使用原生写法。如点击一个元素获得该元素的ID 。$("#a").click(function(){alert($(this).attr(id))})  可以换成原生写法 alert(this.id)。

十、尽量少生成jQuery对象，许多jQuery方法都有两个版本，一个是供对象使用的版本，一个是供函数使用的版本。多使用函数使用的版本。如获得某元素文本，对象版本；var $a = $("#cc");  var  $b = $a.text(); 函数版本 就是    var $c = $.text($a)。