jQuery 知识点(七) —— jQuery 性能优化

jQuery 性能优化

1、使用链式操作提高效率

$("#id").addClass("highlight").append("<div></div>");

2、尽可能缩小搜索范围，如 children() 查找第一层后代元素，find() 查找所有后代元素，注意其区别
3、缓存变量，特别是在函数内部使用var $this = $(this); 有利于减少 jQuery 函数查找过程，同时避免函数嵌套时 this 指向改变导致使用出错。
4、使用 id 选择器和单个的类选择器为主，减少复杂和冗余的选择器
5、为选择器添加上下文，如性能从高到低：
　　$(“.class”)>$(“#id .class”)>$(“.class”,#id)