优化jQuery的each

请记住 – jQuery只是JavaScript。它并没有能力用来优化你糟糕的代码。

 

正如我们必须优化JavaScript for语句一样，我们必须优化jQuery的each方法

 

糟糕的代码：

 

someDivs.each(function() { $('#anotherDiv')[0].innerHTML += $(this).text();}); 

 

1.在每一次循环中都会搜寻anotherDiv 这个ID的元素

 

2.两次获取innerHTML属性

 

3.创建了一个jquery对象只是为了获取元素的text属性

 

优化的代码：

 

var someDivs = $('#container').find('.someDivs'),contents = [];someDivs.each(function() { contents.push( this.innerHTML );});$('#anotherDiv').html( contents.join('') );

 

这样，在each (for)方法，我们唯一要执行任务的关键是增加一个新的到一个数组…而不是查询DOM中，

取代了元素两次获取innerHTML属性等。