Селектори і фільтри в 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.