селектор [name|="value"] – выбор элементов с частью или целой строки в атрибуте

Селектор – [name|="value"]

Где name – имя атрибута, value – его значение или часть атрибута

Для наглядного примера давайте создадим такой пример – на странице есть 3-и ссылки:
  <a href="ru.html" lang="ru">Русскоязычная версия сайта</a> 
  <a href="ru_sleng.html" lang="ru-Sleng">Русскоязычная версия сайта (сленг)</a> 
  <a href="en.html" lang="english">Английская версия сайта</a>

Как видите к каждой ссылке был добавлен атрибут lang в котором мы указали тип языка. А теперь давайте выделим ссылки (сделаем их фон серого цвета) с префиксом ru:
$(document).ready(function() { 
            $('a[lang|="ru"]').css('background','#C0C0C0'); 
}); 

Спасибо за внимание.
Теги:
селектор, выбор элементов
Добавлено: 28 Апреля 2018 09:39:32 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...