Оглавление

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

Для привязки к параметрам тегов применяются следующие селекторы.
•   [Параметр] — элементы с указанным параметром

  $("a[id]").css("color", "red");
Цвет текста ссылки станет красным, если тег <а> имеет параметр id.

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


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

   $("a[href='link1.html']").css("color", "red");
Цвет текста ссылки станет красным, если параметр href тега <а> имеет значение
 "link1"

 
•  [Параметр!='Значение'] — коллекция элементов, у которых параметр не равен значению
  $("a[href!='link1.html']").css("color", "red");
Цвет текста ссылки станет красным, если параметр href тега <а> не имеет значение "linkl.html".

 

•   [Параметр^='Значение'] — коллекция элементов, у которых параметр начинается с указанного значения
  $("a[href^='li']").css("color", "red");

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


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

  $("a[href$='.html']").css ("color", "red");
Цвет текста ссылки станет красным, если значение параметра href тега <а> оканчивается на расширение ".html".
•     [Параметр*='Значение'] — коллекция элементов, у которых параметр содержит указанный фрагмент значения
$("a[href*='link']").css("color", "red");
Цвет текста ссылки станет красным, если значение параметра href тега <а> содержит фрагмент "link".

 

Если необходимо сделать привязку сразу к нескольким параметрам, то используется следующий формат.
[Параметр='Значение'] [Параметр='Значение']

Пример:

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

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

 

 

 

 

Комментарии принадлежат их авторам. Мы не несем ответственности за их содержание.
Отправитель Нити