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相关的

  • 一次性写入
  • 数据存储相关
   使用$.data方法

相关推荐