Атрибут

> >

Спецификация CSS позволяет выбирать элементы по их атрибутам. Некоторые старые браузеры не поддерживают такие селекторые, но JQuery позволяет использовать их независимо от используемого браузера.

Так как эти селекторы увидеть значения атрибутов в качестве одной строки, этот селектор

При использовании любого из следующих селекторов атрибутов, Вы должны учитывать атрибуты, которые имеют несколько, разделенных пробелами значений. Так как эти селекторы видят значения как целые строки, например селектор $("a[rel='nofollow']") выберет <a href="example.html" rel="nofollow">Какой то текст</a> но не <a href="example.html" rel="nofollow foe">Какой то текст</a>.

Значения атрибутов в выражениях селекторов должны следовать правилам W3C CSS селекторов; в целом, это означает что ничего кроме действительных идентификаторов должны быть окружены кавычками.

  • двойные кавычки внутри одинарных кавычек: $('a[rel="nofollow self"]')
  • одинарные кавычки внутри двойных кавычек: $("a[rel='nofollow self']")
  • Экранированные одинарные кавычки внутри одинарных кавычек: $('a[rel=\'nofollow self\']')
  • Экранированные двойные кавычки внутри двойных кавычек: $("a[rel=\"nofollow self\"]")

Какой вариант использовать это Ваш выбор.

Важно: В jQuery 1.3 [@attr] селекторы были удалены (они были отмечены как устаревшие в jQuery 1.2). Просто удалите символ "@" из Ваших селекторов, чтобы заставить их вновь работать.

Селекторы > Атрибут  

Селектор по значению атрибута [name=”value”]

Соответствует всем элементам с атрибутом attribute равным value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  

Селектор по концу атрибута [name$=”value”]

Соответствует всем элементам, у которых значение атрибута attribute заканчивается на value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  

Селектор по началу атрибута [name^=”value”]

Соответствует всем элементам, у которых значение атрибута attribute начинается с value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  | Селекторы > jQuery расширение  

Селектор по несовпадению с атрибутом [name!=”value”]

Соответствует всем элементам, у которых значение атрибута attribute не равно value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  

Селектор по подстроке в элементе [name*=”value”]

Соответствует всем элементам, у которых значение атрибута attribute содержит value. Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  

Селектор по префиксу элемента [name|=”value”]

Соответствует всем элементам, с атрибутом attribute содержащим префикс value, т.е. либо полностью совпадает с value, либо начинается со строки value- (наличие знака переноса существенно). Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.

Селекторы > Атрибут  

Селектор по слову в атрибуте [name~=”value”]

Соответствует всем элементам с атрибутом attribute, содержащим слово value (именно слово, а не просто подстроку. То есть вхождение value должно содержать с обоих сторон разделители: пробелы или начало/конец строки). Если value состоит из нескольких слов, между которыми есть пробелы, то нужно заключать value в кавычки. Если value не содержит пробелов — кавычки не обязательны.