JQuery предоставляет возможность взаимодействия со многими элементами html документа. Список всех этих селекторов для поиска, выборки и т.п. мы сегодня и составим:

("*") – выбор всех элементов html документа

:animated - выбор всех элементов у которых на момент выбора - происходит анимация

[name|="value"] – Выбор элементов атрибут (name) которых равен значению (value) или началу строки в атрибуте

[name*="value"] – Выборка элементов атрибут (name) в котором содержится часть или целое значение (value)

[name~="value"] – Селектор для выбрки элементов с атрибутом (name) в котором значение (value) разделено пробелом от остальных слов, значений

[name$="value"] – Селектор для выборки элементов с атрибутом (name) в значении (value) которого содержится точное совпадение с учетом регистра символов.

[name="value"] – Селектор для выборки элементов с именем (name) которое в точности равно значению (value)

[name!="value"] - Этот селектор выбирает элементы с атрибутом (name) у которых значение не равно value. Либо же атрибут вовсе отсутствует.

[name^="value"] – Выборка элементов с атрибутом (name) значение которого начинается на value

:button – Селектор выбирает все кнопки (button) либо любые другие значения с этим атрибутом

:checkbox – Селектор который выбирает все чекбоксы или же любые другие элементы страницы с этим атрибутом

:checked – Выборка всех элементов чекбокса которые отмечены.

("parent > child") – Селектор делает выборку всех "дочерних" (child) элементов "родителя" (parent)

(".class") – Выборка всех элементов с классом – class

:contains(text) – Выборка всех элементов которые содержат текст (text) внутри.

("ancestor descendant") – Выборка элементов родителя (ancestor) элемента descendant

:disabled – Выборка всех скрытых элементов

("element") - Выборка элементов с именем тега element

:empty – Выборка всех пустых элементов

:enabled – Выборка всех не скрытых элементов

:eq(num) – Выборка элементов по их порядковому номеру (num). Отсчет начинается с нуля.

:even – Селектор с выборкой элементов по четным числовым значением 0, 2, 4, 6 и т.п.

:file – Выборка всех элементов с типом – file

:first-child – Поиск всех элементов дочернего элемента

:first – Выборка первого элемента

:focus – Селектор для выборки элементов с фокусом

:gt(num) – Делает выборку элементов, индекс которых большее – num

[name] – Поиск элементов с атрибутом name и любым его значением.

:has(elem) – Поиск элементов которые имеют хотя бы одни элемент (elem) внутри

:header – Выборка всех элемента заголовков, типа - h1, h2, h3

:hidden – Выборка всех скрытых элементов

("#id") – Поиск элемента по его ID

:image - Поиск элементов с типом image

:input – Выборка элементов html формы – input, textarea, select и button

:last-child – Поиск последнего дочернего элемента

:last – Выборка последнего элемента

:lt(num) – Селектор делает поиск элементов индекс которых меньше num

[name="value"][name2="value2"] – Мультивыборка элементов где name имя первого атрибута, value его значение, name2 имя второго атрибута, value2 – значение второго атрибута.

("selector1, selector2, selectorN") – Мультивыборка по названию тега, где selector1, selector2, selectorN названия этих тегов

("prev + next") – Поиск всех следующих элементов next за элементов prev, включая дочерние элементы.

("prev ~ siblings") Поиск всех следующих элементов prev за элементами siblings

:not(selector) – Выборки элементов которые не равны селектору selector

:nth-child(num) – Выборка дочернего элемента с индексом num

:odd – Выборка нечетных элементов

:only-child – Поиск только дочерних элементов

:parent – Выборка только родительских элементов

:password – Выборка полей формы с типом password или других элементов с этим же типом

:radio – Выборка всех переключателей формы или других элементов с этим же типом

:reset – Селектор для выборки кнопки очистки формы или любых других элементов с этим же типом.

:selected – Выборка всех выделенных элементов

:submit – Выборка кнопки submit или любых других элементов с этим же типом

:text – Выборка всех текстовых элементов

:visible – Выборка всех видимых элементов.



Вот такой вот список селекторов. Дальше я планирую потихоньку их описывать и прикладывать примеры к некоторым.



Спасибо за внимание.

Добавлено: 17 Сентября 2013 12:08:31 Добавил: Андрей Ковальчук Нравится 0

Добавить