jquery性能优化原则

1、尽量使用id选择器，其次tag选择器，批量选择，从最近的先辈元素的id写起 eg:$(" #id input.on")

2、将jquery对象缓存起来（可以在变量前加$区分），或运用链式操作，不要重复选取

3、限制dom操作函数调用次数，尽量将串拼好，一次调用html()加入

4、事件尽量不要用循环绑定，可以绑定父元素，然后通过事件函数参数e确定具体的触发元素

1. $('#myTabletd').click(function(){
2. $(this).css('background','red');
3. });
4. 改进方式：
5. $('#myTable').click(function(e){
6. var$clicked=$(e.target);
7. $clicked.css('background','red');
8. });

5、少用$(document).ready();推迟到$(window).load();可以减少页面载入时间和cpu占用

6、压缩js文件

7、尽量用id代替class

8、给选择器一个上下文 如 $(".myDiv");改进为$('.myDiv' , $('#myId')); --个人认为可以直接从id选起

9、慎用live()事件绑定方法，手动写点代码代替

10、在只获取子元素的时候，尽量用子选择器，而不是后代选择器，eg:$('#id p') 改为 $('#id>p')

11、用data()方法存储临时变量