jQuery性能优化

 

1、 更新版本

2、 使用合适的选择器

$(‘#id’) 最佳提高性能的定位DOM元素，可以在目标元素最近的ID元素进行搜索

$(‘div’) 第二选择

$(‘.class’) 比较复杂 应该有选择性的使用

$(‘[attribute=value]’) 性能影响差，避免使用

$(‘:hidden’) 性能影响差 尽量不使用 可以在父级进行查找或者过滤 $(‘#content’).find(‘:hidden’)

$(‘a.button’).filter(‘:hidden’)

3、 缓存对象

var $xxx=$(‘#xxx aaa.bbb’)

4、 循环对DOM操作时，要注意尽可能少的进行DOM操作。

5、 在以数组方式使用jQuery对象时，建议使用for和while循环来处理，而不是用$.each(),可以是代码运行更快。

6、 事件代理 下面三种代码 以第二种和第三种为先

//第一种

$('#myTable td').click(function(){

$(this).css('background','red');

})

//第二种

$('#myTable').click(function(e){

var $cilcked=$(e.target);

$cilcked.css('background','red');

})

//第三种

$('#myTable').on('click','td',function(){

$(this).css('background','red');

})

7、 将重复代码转化为插件

8、 使用join()来拼接字符串

9、 尽量使用原生js方法