Селектор по префиксу атрибута
[attribute |= value]1.0
Соответствует всем элементам, с атрибутом attribute содержащим префикс value, т.е. либо полностью совпадает с value, либо начинается со строки value- (наличие знака переноса существенно). Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.
Примеры использования:
$('[value |= "черно"]') | вернет все элементы, у которых значение атрибута value содержит префикс 'черно' (например черно-белый). |
$('.colorList [value |= "черно"]') | вернет все элементы, у которых значение атрибута value содержит префикс 'черно' и чьи потомки имеют класс colorList. |
Замечание: Во всех версиях jQuery, начиная с 1.2, использование символа "@" перед атрибутом не нужно.
В действии
Селектор, рассматриваемый в данной статье есть в спецификации css. Его основная роль — поиск по языковым атрибутам, что демонстрирует в следующий пример. Выделим все ссылки, которые имеют атрибут hreflang, указывающий на использование английского языка: