На этом шаге мы рассмотрим использование дополнительных селекторов.
К широкому кругу селекторов CSS библиотека jQuery добавляет свои собственные селекторы. Большая часть этих дополнительных селекторов позволяет отбирать определенные элементы из списка, если можно так выразиться. При этом используется тот же самый синтаксис, что и в случае псевдоклассов CSS, когда селектор начинается с символа двоеточия (:). К примеру, выбрать второй элемент из множества элементов div с классом horizontal можно следующим способом:
$('div.horizontal:eq(1)')
Обратите внимание, что конструкция :eq(1) отбирает второй элемент из множества, потому что нумерация элементов массивов в языке JavaScript начинается с 0. В свою очередь, в таблицах стилей CSS нумерация начинается с единицы, поэтому селектор CSS, такой как $('div:nth-child(1)'), отберет все элементы div, которые являются первыми дочерними элементами (в данном конкретном случае можно было бы использовать конструкцию $('div:first-child')).
На следующем шаге мы рассмотрим оформление чередующихся строк.