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()中处理节点时，下面有个实例值得大家
注意。
vartop_100_list=[...],
$mylist=$("#myList");
for(vari=0;i<top_100_list.length;i++){
$mylist.append("<li>"+top_100_list[i]+"</li>");
}
以上代码中，我们将每一个新添加的标签元素都作为一个节点添加容器ID中
实际上jquery操作消耗的性能也不低，所以更好的方式是尽可能的减少DOM
操作，这里应该将整个元素字符窜在DOM之前就创建好，修改代码如下：
vartop_100_list=[...],
top_100_li="";
for(vari=0;i<top_100_list.length;i++){
top_100_li+="<li>"+top_100_list[i]+"</li>");
}
#mylist.html(top_100_li);
记得以前有一个同事也写过类似的代码，代码如下：
for(vari=0;i<100;i++){
var$myList=$("#myList");
$myList.append('thisislistitem'+i);
看出问题所在了吧，居然把#mylist循环获取了100次。
(五).数组方式使用jquery对象
用简单for或者while循环来处理，而不是$.each(),这样能使你的代码更快。
(六)(.$('#myTabletd').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(){
//yourcodegoeshere
returnthis;
};
})(jquery);
(八).尽量使用原生的javascript方法
因为jquery本身就是用js的封装，其本质就是js代码。
(九).现在的web项目总是离不开大量的javascript，js文件的体积越来越大
随之也影响到页面的感知性能。因此，需要对javascript文件进行压缩，一方面
是使用Gzip；另一方面则是取出javascript文件中的注释。空白，并且压缩局部
变量长度。对于一些成熟的类库来说，它们本身都会提供完整版和压缩2个版本。
现在推荐2个javascript压缩工具：JSMin，YUICompressor（还可以处理CSS）