jQuery - сравнение скорости для нескольких селекторов

Какой быстрый способ скрыть / показать несколько элементов, которые выбраны .className?

$('.className1').show();
$('.className2').show();
$('.className3').show();

или же

$('.className1, .className2, .className3').show();

1 ответ

Первый вариант быстрее.

Причина в том, что поиск по одному классу очень эффективен в современных браузерах (только немного медленнее, чем поиск по идентификатору). С несколькими критериями, он должен сначала найти все элементы, а затем применить логику селектора.

Следующий выпуск будет "тебя волнует"? Если ваш код вызывается со скоростью взаимодействия с человеком (например, в ответ на щелчок мыши), то вы никогда не заметите разницу. Это становится очевидным только при большом количестве запросов в секунду. Основано на JSPerf, предоставленном @SatPal разница всего 2-3%.

Другие вопросы по тегам