当前位置: 代码迷 >> Web前端 >> 八个能够有效帮助你提高jQuery代码性能(performance)的技巧
  详细解决方案

八个能够有效帮助你提高jQuery代码性能(performance)的技巧

热度:162   发布时间:2012-09-02 21:00:34.0
8个能够有效帮助你提高jQuery代码性能(performance)的技巧
来源http://www.gbin1.com/technology/jquery/20120222jqueryxingneng/index.html

选择器Selector的使用

id > tagname > attrName > class > 伪类

链式调用(chaining)

对处理多个方式时 只需要查询一次jquery 对象
  如
 $('jq').hide().show().css('color',red);

   和
$('jq').hide(); $('jq').show();$('jq').css();


缓存caching

如上
 var jq = $('jq');
     jq.hide(); jq.show();jq.css();

但 编写代码时请不要随便创建对象。

事件代理

使用 $.on('click',function(){}) 代替 $.click(function(){});
前者 将整个事件监听封转到一个便利方法中
后者 为所有对象绑定事件

循环语句中的DOM操作

var data = ["Saab","Volvo","BMW"];
$.each(data, function(i, item){
  var newitem='<div>' + item + '</div>';
  $("#gbcontainer").append(newitem);  
});



var data = ["Saab","Volvo","BMW"];
    tmp = ''; 
$.each(data, function(i, item){
    tmp +='<div>' + item + '</div>';
});
$("#gbcontainer").append(tmp);    


使用第二种操作
  相关解决方案