Из того, что я понимаю, добавление .first() или :first к запросу не останавливает поиск DOM после первого совпадения. Он просто сообщает jQuery взять 1-й элемент из сопоставленной коллекции.
Если это так, то есть ли способ остановить поиск DOM после первого совпадения? Например, если я знаю, что результат этого запроса всегда будет единственным элементом, как можно сказать, что jQuery не тратит время на поиски?
Насколько я знаю, в данный момент в jQuery нет способа сделать это. Лучшее, что вы можете сделать, это $(selector).first(), где selector - стандартный селектор CSS, не содержащий селекторов, специфичных для Sizzle (поэтому не используйте :first). В этом случае jQuery использует быстрый метод DOM querySelectorAll в современных браузерах.
Вы можете получить оптимизацию вручную, используя метод DOM querySelector, который построен для выбора только первого соответствия:
$.getFirst= function(selector) {
if ('querySelector' in document)
return $(document.querySelector(selector));
else
return $(selector).first();
}
однако сумма, которую вы сохраните, сделав это намного меньше, чем вы сохраните, убедившись, что querySelectorAll можно использовать.
:first соответствует только одному элементу. его эквивалент :eq(0).
.first() уменьшает набор согласованных элементов до первого в наборе.
поэтому использование :first будет похоже на то, что вам нужно, но при ближайшем рассмотрении они сначала используют селектор, чтобы найти набор, а затем использовать первый.
Здесь есть некоторые комментарии и обсуждение здесь и здесь кажется, указывает, что :first() не останавливается на первом элементе.
Литература:
Я не эксперт по внутренним jQuery, но я понимаю, что порядок, в котором jQuery может найти вещи, не обязательно является порядком их появления в DOM. Чтобы гарантировать, что вы получите элемент, который является первым в DOM, jQuery получает все и сортирует результат так, чтобы возвращался первый элемент.
Как вы заметили, это проблема производительности. Однако я не верю, что вы можете отключить это поведение.
Что вы можете сделать, так это сделать ваши запросы более конкретными, чтобы меньше было выбрано, а для jQuery меньше элементов для сортировки, чтобы найти первый. Например, $('li: first') не очень специфичен и будет медленным. $('# myList > li: first') теоретически будет намного быстрее (хотя я не тестировал его, чтобы проверить), потому что он будет искать только в одном списке, а также b) подсписки также будут исключены.
Если вы будете использовать все элементы в выборе для чего-то в какой-то момент, но нужно только первое в определенной точке, тогда имеет смысл запустить селектор, чтобы получить все ваши элементы и сохранить его в var, затем используйте .first(), чтобы получить первый элемент, когда вам это нужно.
var elems = $('li'), firstElem = elems.first ();
Теперь elems будет содержать полный набор, а firstElem будет содержать только первый элемент.
Конечно, вы также можете просто указать первый элемент в каждой группе, которую вы собираетесь выбрать для определенного класса, но это может считаться неэлегантным решением.