Иногда требуется выбрать элементы по их положению на странице или по размещению относительно других элементов. К примеру, если нам необходимо найти первый тег абзаца на странице или последнюю ссылку на странице, которая ссылается на внешний сайт.
Пример:
p:first
Данному селектору соответствует первый элемент <p> на странице.
a[href~=http]:last
Данному селектору соответствует последний элементы <a> с атрибутом href значение которого начинается с http.
Таких селекторов очень много и они могут упростить жизнь в решаемых нами задачах. В таблице 1 приведен список позиционных селекторов.
Таблица 1
Список позиционных селекторов jQuery
| Селектор | Описание |
| :first | Выберет первый элемент на странице |
| :last | Выберет последний элемент на странице |
| :first-child | Выберет первый дочерний элемент |
| :last-child | Выберет последний дочерний эелемент |
| : only-child | Выберет все эелементы, являющиеся единственными дочерними элементами |
| :nth-child(n) | Выберет n-й дочерний эелемент |
| :nth-child(even|odd) | Четные (even) или нечетные (odd) дочерние элемены |
| :even | Четные элементы |
| : odd | Нечетные элементы |
| :eq(n) | n-й элемент |
| :gt(n) | Выберет элементы, расположенные за n-м элементом (кроме самого себя) |
| :lt(n) | Выберет элементы, расположенные перед n-м элементом (кроме самого себя) |
ВАЖНО! Селектор nth-child начинает отсчет элеметов с 1, тогда как остальные – с 0.
Ну вот пожалуй и все, на сегодня.
