Привязка к параметрам тегов

Для привязки к параметрам тегов применяются следующие селекторы.

• [Параметр] — элементы с указанным параметром

$("a[id]").css("color", "red");

Цвет текста ссылки станет красным, если тег <a> имеет параметр id.

<a id="link1" href="link1.html">Ссылка 1</a>

• [Параметр='Значение'] — коллекция элементов, у которых параметр точно равен значению

$("a[href='link1.html']").css("color", "red");

Цвет текста ссылки станет красным, если параметр href тега <a> имеет значение "link1.html".

• [Параметр!='Значение'] — коллекция элементов, у которых параметр не равен значению

$("a[href!='link1.html']").css("color", "red");

Цвет текста ссылки станет красным, если параметр href тега <a> не имеет значение "link1.html".

• [Параметр^='Значение'] — коллекция элементов, у которых параметр начинается с указанного значения

$("a[href^='li']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> начинается с "li".

• [Параметр$='Значение'] — коллекция элементов, у которых параметр оканчивается указанным значением

$("a[href$='.html']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> оканчивается на расширение ".html".

• [Параметр*='Значение'] — коллекция элементов, у которых параметр содержит указанный фрагмент значения

$("a[href*='link']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> содержит фрагмент "link".

Если необходимо сделать привязку сразу к нескольким параметрам, то используется следующий формат.

[Параметр='Значение'][Параметр='Значение']

Пример:

$("a[href='link1.html'][id*='link']").css("color", "red");

Цвет текста ссылки станет красным, если значение параметра href тега <a> равно "link1.html", а параметр id содержит фрагмент "link".

Самоучитель по jQuery Учебник по jQuery 3.5.1 и AJAX в формате PDF