jQuery性能优化与最佳实践

10.1 优化选择器的执行速度

10.1.1 优先使用ID与标记选择器

一般的执行速度比较 ID > TAG > CLASS > ATTRIBUTE

10.1.2 使用jQuery对象缓存

所谓对象缓存，就是再使用jQuery对象时，先尽量使用变量保存jQuery对象

10.1.3 给选择器一个上下文

$(expression, [context])

10.2 处理选择器中不规范元素标志

10.2.1 选择器中含有特殊符号

10.2.2 选择器中含有空格字符

$(".className:hidden")，选择一个含有className且是hidden的元素

$(".className :hidden")，再className节点内，选择一个hidden的元素

10.3 优化事件中的冒泡现象

使用事件委托机制，优化事件

10.4 使用data方法缓存数据

$("p").data()，建议这个函数只绑定与标签有关的数据

10.6 使用子查询优化选择器性能

缓存每一级的dom选择对象

10.7 减少对DOM的直接操作

DOM元素操作的原理：先在内存中创建DOM结构，然后，更新现有的DOM结构，如果直接对DOM进行操作，性能非常低，应该减少DOM操作，使用html字符串，完成大部分的DOM内容，然后再直接更新DOM

10.8 正确区分DOM对象和jQuery对象