如何使jQuery高效

1）缓存变量 少用选择器

1. $element = $('#element');
   
2. h = $element.height();

2）避免全局变量

3）在变量前加$前缀，便于识别出jQuery对象。

4）使用on 不要使用单独的click()等方法

--注释---

.bind()是直接绑定在元素上

.live()则是通过冒泡的方式来绑定到元素上的。更适合列表类型的，绑定到document DOM节点上。和.bind()的优势是支持动态数据。

.delegate()则是更精确的小范围使用事件代理，性能优于.live()

.on()则是最新的1.9版本整合了之前的三种方式的新事件绑定机制

--end---

5)链式操作

6）最短路径求值

1. function initVar($myVar) {
   
2.     $myVar = $myVar || $('#selector');
   
3. }

7）技巧
你可能对使用jQuery中的方法缺少经验,一定要查看的文档，可能会有一个更好或更快的方法来使用它。

1. // 糟糕
   
2. 
   
3. $('#id').data(key,value);
   
4. 
   
5. // 建议 (高效)
   
6. 
   
7. $.data('#id',key,value);//important