Что такое наиболее эффективный способ перебора объектов jQuery

Question

Я создал простой пример на jsperf, чтобы помочь объяснить мой вопрос. В примере на jsperf свойство стиля устанавливается по ссылке (я знаю, что это можно сделать без цикла).

Что было бы самым эффективным способом для итерации по объектам jQuery?

Согласно результатам jsperf, .each работает достаточно хорошо, но это также не самый быстрый. Возможно, есть еще лучшее решение, которого мне не хватает.

1.Example с .each:

$('body').find('div.iojo-test-container a').each(function() { 
    $(this).css('color', 'red'); 
}); 

2.Example с для цикла (немного быстрее, чем .each):

var $a = $('body').find('div.iojo-test-container a'); 
for (var i = $a.length; --i;) { 
    $($a[i]).css('color', 'red'); 
} 

3.Fastest способ настройки стиля, но пожалуйста игнорируйте этот случай. Речь идет об итерации и не задании css-стилей.

$('body').find('div.iojo-test-container a').css('color', 'red'); 

Answer 1

My Humble Opinion

Это одна вещь, чтобы оптимизировать после того как вы развернуты и, возможно, просто хочу для тонкой настройки, но если вы не нуждаетесь в , то вам нужно для оптимизации, не беспокойтесь об этом. .each() отлично работает, а также имеет дополнительное преимущество для чтения. (ясно, что вы повторяете сборку, когда вызывается .each). Не то, чтобы цикл for был менее кратким, но если ваше время загрузки или производительность не захватывают огромные удары, не беспокойтесь об этом на этом этапе игры.

Если скорость действительно была проблемой, jQuery является , возможно, раздутой библиотекой. Выполнение таких звонков, как $(this).attr(), непосредственно доступ к this.attr, может принести пользу, не жертвуя удобочитаемостью (и избегая загружать оболочку jQuery только для установки атрибута). Тем не менее, вы решили использовать библиотеку, поэтому продолжайте использовать ее и сейчас.

Answer 2

$('div.iojo-test-container a').css('color', 'red'); 

JQuery будет перебирать по себе все .iojo-test-container a и установить им свою собственность Css