jQuery性能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery性能相关的知识,希望对你有一定的参考价值。

jQuery性能:

1.使用合适的选择器

  • 使用ID选择器。
  • 缩小定位DOM元素的范围。
  • 使用标签选择器。
  • 类选择器会使用DOM搜索,有选择性使用。
  • 伪选择器会使用DOM搜索,有选择性使用。

2.为选择器指定上下文

3.缓存对象

永远不要让相同的选择器在代码中出现。

4.循环时使用DOM

5.数组方式使用jQuery对象

6.事件代理

7.将代码转化为jQuery插件

8.使用join拼接字符串

9.合理利用HTML5的data属性

10.尽量使用原生的JavaScript方法

11.压缩JavaScript

以上是关于jQuery性能的主要内容,如果未能解决你的问题,请参考以下文章

jQuery性能

Jquery性能优化

提高 jQuery 模板性能

前端性能优化jQuery性能优化

jQuery性能优化

比较 jquery 选择器的性能