jquery优化

jquery性能优化：
(一)、使用最新版本的jquery类库
    jquery每一个版本都会较上一版本进行bug修复和一些优化，
同时也会包含一些创新，所以建议使用最新版本的jquery来提
高性能。

(二)、使用合适的选择器
    1. id选择器
     $("#id")来定位DOM元素无疑是最佳提高性能的方式，因为
jquery底层将直接调用本地方法document.getElementById(),
尽量多用。

    2.标签选择器  .$("p")$("div")$("input")
  标签选择器的性能也是不错的，它是性能优化的第二选择，因为
jquery将直接调用本地方法document.getElementByTagName()来
定位DOM元素。

    3.类别选择器  $(".class")
  比较新的浏览器例如IE9，它支持本地方法document.getElementBy
ClassName(),而对于老的浏览器，IE8或者更早的版本，可能只能使用
DOM搜索方法来实现。这无疑对性能产生较大的影响，所以建议
选择性的使用。

   4.$(":hidden")
  和上面利用属性来定位DOM的方式类似，这种伪选择器也同样没有
直接在本地javascript方法中实现，并且jquery需要搜索到每一个元素
来定位这个选择器，这将对你的应用带来比较大的性能问题。所以
建议大家尽量不要使用。如果你坚持使用这种方式，请先使用ID选择
器来定位父元素，然后再使用选择器，这样对性能优化会有帮助。
$("#content").find(":hidden");
$("a.button").filter(":animated");
  以上是用用选择器的基本规则，性能自上而下的依次下降，如果大家在
开发中使用选择器，请遵循以上这个简单的优化性能规则。
注意:1.尽量使用ID选择器
                  2.尽量给选择器指定上下文
                  3.缓存对象
                  如果一个对象使用了2次以上的话，建议用一个变量把则个对象
                  保存下来，这样可以避免重复的去找同一个对象，从而提高代码运行
                  效率。

(三).循环时的dom操作
使用jquery可以很方便操作和修改DOm节点，但是在一些循环，例如
for（），while（）或者$>each()中处理节点时，下面有个实例值得大家
注意。
var top_100_list =[...],
$mylist = $("#myList");
for( var i=0;i<top_100_list.length;i++){
   $mylist.append("<li>" + top_100_list[i] + "</li>");
}
以上代码中，我们将每一个新添加的标签元素都作为一个节点添加容器ID中
实际上jquery操作消耗的性能也不低，所以更好的方式是尽可能的减少DOM
操作，这里应该将整个元素字符窜在DOM之前就创建好，修改代码如下：
var top_100_list =[...],
top_100_li ="";
for( var i=0;i<top_100_list.length;i++){
   top_100_li+="<li>" + top_100_list[i] + "</li>");
}
#mylist.html(top_100_li);
记得以前有一个同事也写过类似的代码，代码如下：
for(var i=0;i<100;i++){
   var $myList = $("#myList");
$myList.append('this is list item' + i);
看出问题所在了吧，居然把#mylist循环获取了100次。

(五).数组方式使用jquery对象
用简单for或者while循环来处理，而不是$.each(),这样能使你的代码更快。
(六)(.$('#myTable td').click(function(){
        $(this).css('backgroud','red');
   });
假设有100个td元素，在使用以上方式的时候，你绑定了100个事件，这将
很负面的带来影响。方法很多可以解决，现在只介绍一种，jquery1.7中提供了
一个新的方式on(),来帮助你将整个事件监听封装到一个便利的方法中。
$('#myTable').on('click','td',function(){
   $(this).css('backgroup','red');
})
}

(七)将你的代码转化成jquery插件
它能够使你的代码有更好的重用性，并且能够有效的帮助你组织代码。创建一个插件
的代码如下：
（function($)）{
   $.fn.youPluginName = function(){
     //your code goes here
    return this;
  };
 
})(jquery);
(八).尽量使用原生的javascript方法
   因为jquery本身就是用js的封装，其本质就是js代码。

(九).现在的web项目总是离不开大量的javascript，js文件的体积越来越大
     随之也影响到页面的感知性能。因此，需要对javascript文件进行压缩，一方面
     是使用Gzip；另一方面则是取出javascript文件中的注释。空白，并且压缩局部
     变量长度。对于一些成熟的类库来说，它们本身都会提供完整版和压缩2个版本。
     现在推荐2个javascript压缩工具：JSMin，YUI Compressor（还可以处理CSS）