Селекторы и фильтры в Jquery. Разбор Dom

Всем привет, этот пост является вводным в серии постов об изучении jQuery. А именно мы разберем типы базовых и иерархических селекторов и их действие. Начнем с базовых селекторов, их всего существует 4, это: element, # id,. Class, *. Рассмотрим каждый из них отдельно, element - вернет все DOM - элементы данного типа, т.е. типа element, # id - вернет элементы с данным # id,. Class - вернет все элементы данного класса, * - вернет все элементы, которые существуют. Всем привет переходите на блог

Таблица с базовыми селекторами показана ниже:

Теперь рассмотрим иерархические селекторы. Их как и базовых существует 4 вида:

ancestor descendant;

parent > child;

element + next;

element ~ siblings.

Ancestor descendant - вернет все, подходящие под селектор descendant, элементы - потомков узлов отобраних в селекторе аncestor. Parent > child - вернет все, подходящие под селектор child, элементы - потомки первого уровня узлов, отобраных в селекторе parent. Element + next - вернет только следующие, подходящие под селектор next, сестринские элементи, для отобраных в селекторе element. Element ~ siblings - вернет все, подходящие под селектор siblings, сестринские элементи, для отобраних в селекторе element.

Иерархические селекторы:

Все селектори форм имеют аналогические имена как и елементи форм.

Селектор text вернет text - элементи.

Селектор password вернет password - элементи.

Селектор radio вернет radio - элементи.

Селектор checkbox вернет checkbox - элементи.

Селектор submit вернет submit - элементи.

Селектор reset вернет reset - элементи.

Селектор button вернет button - элементи.

Селектор image вернет image - элементи.

Селектор file вернет file - элементи.

Селекторы форм:

Есть такие фильтры атрибутов:

attribute;

attribute = value;

attribute != value;

attribute ^= value;

attribute $= value;

attribute *= value.

Фильтры атрибутов:

Есть такие базовые фильтры:

odd;

gt;

lt;

header;

animated;

first;

last;

not;

even;

eq.

Базовые фильтры:

Фильтры контента и видимости:

contains;

empty;

has;

parent;

hidden;

visible.

Семейные фильтры:

nth-child;

first-child;

last-child;

only-child.