TOC

jQuery - Примеры селектора атрибутов

jQuery - Примеры селектора атрибутов

В jQuery селекторы атрибутов заключены в квадратные скобки []. Вот поддерживаемые селекторы атрибутов:

1. Имеет атрибут [A]

Выберите все элементы, которые имеют атрибут «A».

Examples
$ (‘a [rel]’) - выбирает все элементы, соответствующие тегу , которые имеют атрибут rel.

2. Значение атрибута равно [A = B]

Выберите все элементы, которые имеют атрибут A со значением, точно равным B.

Examples
$ (‘a [rel = nofollow]’) - выбирает все элементы, соответствующие тегу , которые имеют атрибут rel со значением, точно равным «nofollow».

3. Значение атрибута не равно [A! = B]

Выберите все элементы, которые не имеют атрибута A со значением, точно равным B.

Examples
$ (‘a [rel! = nofollow]’) - выбирает все элементы, соответствующие тегу , которые не имеют атрибута rel со значением, точно равным «nofollow».

4. Значение атрибута начинается [A ^ = B]

Выберите все элементы, которые имеют атрибут A со значением, начинающимся с B.

Examples
$ (‘a [rel ^ = nof]’) - выбирает все элементы, соответствующие , которые имеют атрибут rel со значением, начинающимся с «nof».

5. Значение атрибута заканчивается [A $ = B]

Выберите все элементы, которые имеют атрибут A со значением, заканчивающимся на B.

Examples
$ (‘a [rel $ = low]’) - выбирает все элементы, соответствующие , которые имеют атрибут rel со значением, оканчивающимся на «low».

6. Значение атрибута содержит [A * = B]

Выберите все элементы, которые имеют атрибут A со значением, содержащим подстроку B.

Examples
$ (‘a [href * = yahoo.com]’) - выбирает все элементы, соответствующие , которые имеют атрибут href со значением, содержащим «yahoo.com».

7. Значение атрибута содержит префикс [A | = B]

Выберите все элементы, имеющие атрибут A со значением, равным B или начинающимся с B, за которым следует дефис (-).

Examples
$ ('a [lang | = en]') - выбирает все элементы, соответствующие , которые имеют атрибут lang со значением, равным 'en' или 'en-' .

8. Содержимое атрибута - разделено пробелами [A ~ = B]

Выберите все элементы, которые имеют атрибут A со значением, равным B и разделенным пробелами.

Examples
$ (‘div [class ~ = jQuery]’) - выбирает все элементы, соответствующие

, которые имеют атрибут class со значением, равным ‘jQuery’, разделенным пробелами. Например, «Hello jQuery» будет совпадать, «Hello-jQuery» и «HellojQuery» не будут совпадать.

Сыграй

Нажмите на кнопки, чтобы поиграть с селекторами атрибутов. 



jQuery attribute selector example









jQuery attribute selector example













    class = "Hello-jQuery"





    class = "Hello jQuery"





    class = "HellojQuery"

Попробуйте демо

Related