jquery优化系列开篇

其实很多人写了很多的jQ代码，插件等，大家共有的问题，就是如何优化我们的jQ代码。

 

个人做简单整理：

 

1、use jQ Cached Set(缓存多次调用的jQ元素)

 

    原理：使用选择器的次数越少越好，缓存之后，可以重复使用

 

    真实测试：http://jsperf.com/ns-jq-cached

 

 

 

2、use jQ chaining(多使用链式操作)

 

    原理：jQuery自动缓存每一步的结果

 

    真实测试：http://jsperf.com/jquery-chaining

 

 

3、正确使用this对象（取舍和jQuery对象）

 

   原理：原生方法还是最快的

 

   真实测试：http://jsperf.com/el-attr-id-vs-el-id/2

 

 

4、循环api

 

   推荐：原生的for和while

 

   真实测试：http://jsperf.com/jquery-each-vs-for-loop/24   

 

 

5、DOM相关的

 

• 一次性写入

   真实测试： http://jsperf.com/string-concat-single-append-vs-multiple-append

• 数据存储相关

   使用$.data方法

   真实测试： http://jsperf.com/jquery-data-vs-jqueryselection-data/11