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对象