Выборка элементов по тегу в jQuery аналогична выборке по классу: результатом будет массив элементов, даже если найден только один. Это объясняется тем, что теги, такие как <img> или <p>, обычно встречаются на странице несколько раз. Исключение — случай с единственным элементом данного тега на странице.
Выбор элементов по тегу
Для выбора всех элементов с тегом <div> используется следующий код:
let test = $('div');Этот код выбирает все элементы с тегом div на странице. Количество найденных элементов определяется свойством length:
test.length;Например, при двух блоках <div> на странице test.length вернет 2.
Выбор элементов по атрибуту
Часто необходима выборка элементов не только по тегу, но и по наличию определенного атрибута. Рассмотрим пример с изображениями:
<img src="image1.jpg" alt="1">
<img src="image2.jpg" alt="2" title="2">Для выбора всех изображений с атрибутом title используется следующий код:
let img = $('img[title]');Квадратные скобки [] указывают на поиск по атрибуту. Выбираются все элементы <img> с атрибутом title. Значение атрибута при этом не учитывается. Количество найденных элементов определяется так:
img.length;В примере выше img.length вернет 1, так как только одно изображение содержит атрибут title.
Добавим еще один элемент с атрибутом title:
<img src="image3.jpg" alt="3" title="3">После обновления страницы img.length вернет 2.
В этом уроке рассмотрена выборка элементов в jQuery по тегу и по наличию атрибута. Поиск по тегу всегда возвращает массив элементов (или пустой массив при отсутствии элементов), а поиск по атрибуту сужает выборку до элементов, содержащих определённый атрибут, независимо от его значения.