Первый найденный элемент

someSelector:first1.0

Соответствует первому элементу, из всех выбранных с помощью селектора someSelector. Эквивалентен селектору :eq(0).

Примеры использования:

$('div:first') вернет первый div-элемент на странице.
$('.lBox:first') вернет первый элемент с классом lBox.
$('div[title]:first') вернет первый div-элемент содержащий атрибут title.

Рассматриваемый селектор является надстройкой библиотеки jQuery, а не частью официальной css спецификации (как большинство других селекторов). Поэтому, при поиске, jQuery не сможет использовать быструю нативную функцию querySelectorAll(). В связи с этим, для улучшения производительности рекомендуется в начале сузить круг искомых элементов, и уже среди них выбрать первый элемент, воспользовавшись методом .filter():

В действии

Найдем первого парня на деревне (первый элемент с классом man, находящийся внутри элемента village):

Пример 2

Найдем и выделим первый p-элемент и пометим его синей звездочкой. Кроме того, найдем все элементы p, которые лежат первыми внутри своих родителей и выделим их красной рамкой:

Ссылки

Поисковые ключи:
  • элементы с индексом 0
  • первый из выбранных элементов
  • first
  •  :first

От автора jquery.page2page.ru

 
Мини-игра про поход за продуктами во время карантина.

за Comic Sans извЕняем