Селекторы атрибутов

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

При использовании следующих селекторов атрибутов следует учитывать, что некоторые атрибуты могут содержать несколько значений, разделенных пробелами. Поэтому запрос $("a[rel='nofollow']") отберет ссылки с rel="nofollow", но не с rel="nofollow self".

Значения атрибутов в выражениях селекторов должны быть заключены в кавычки.

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

Выбор способа заключения в кавычки зависит от вашего стиля и удобства программирования.

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