Выборка DOM-элементов по селекторам

Постоянно забываю запись всех атрибут селекторов для jquery. Памятка с примерами использования:
1. Элемент с атрибутом [A]
Выбирает все элементы с атрибутом.
Пример:

$( "checkbox[checked]" )

1	$( "checkbox[checked]" )

Выбрать все чекбоксы с атрибутом «checked».
2. Элемент с атрибутом A, равным B [A=B]
Пример:

$( "input[name='my-name']" )

1	$( "input[name='my-name']" )

Выбрать все инпуты с атрибутом «name», равным «my-name».
3. Элемент с атрибутом A, не равным B [A!=B]
Пример:

$( "input[name!='my-name']" )

1	$( "input[name!='my-name']" )

Выбрать все инпуты с атрибутом «name», не равным «my-name».
4. Элемент с атрибутом A, начинающимся с B [A^=B]
Пример:

$( "input[name^='my-nam']" )

1	$( "input[name^='my-nam']" )

Выбрать все инпуты с атрибутом «name», начинающимся с «my-nam».
5. Элемент с атрибутом A, заканчивающимся на B [A$=B]
Пример:

$( "input[name$='-name']" )

1	$( "input[name$='-name']" )

Выбрать все инпуты с атрибутом «name», заканчивающимся на «-name».
6. Элемент с атрибутом A, содержащим B [A*=B]
Пример:

$( "input[name*='y-n']" )

1	$( "input[name*='y-n']" )

Выбрать все инпуты с атрибутом «name», содержащим «y-n».
7. Элемент с атрибутом A, содержащим префикс B [A|=B]
Выбирает все элементы, у которых атрибут A равен B или начинается с B и дефиса.
Пример:

$( "input[name|=my]" )

1	$( "input[name\|=my]" )

Выбрать все инпуты с атрибутом «name», равным «my» или начинающимся с «my».
8. Элемент с атрибутом A, содержащим B, ограниченный пробельными символами [A~=B]
Пример:

$( "input[name~='my-name']" )

1	$( "input[name~='my-name']" )

Выбрать все инпуты с атрибутом «name», равным «my-name» или, к примеру «my-name your-name».

http://api.jquery.com/category/selectors/

Выборка DOM-элементов по селекторам

Similar Posts

LEAVE A COMMENT Отменить ответ