На этом шаге мы рассмотрим особенности использования функции $().
Независимо от того, какого типа селектор будет использоваться, вызов любых операций из библиотеки jQuery всегда начинается со знака доллара и круглых скобок: $(). Почти все, что может использоваться в таблицах стилей, точно так же может обертываться в кавычки и помещаться между круглыми скобками, благодаря чему появляется возможность применять методы jQuery для поиска соответствующих элементов.
Примечание. Знак доллара $ в библиотеке jQuery представляет собой обычный "псевдоним" для идентификатора jQuery. При использовании в странице нескольких подобных библиотек может возникнуть конфликт имен, потому что функция $() очень часто встречается в библиотеках JavaScript. Этих конфликтов можно избежать, заменив в нашем программном коде, использующем библиотеку jQuery, каждый экземпляр $ на jQuery.
Селекторы составляются из трех основных строительных блоков:
- имени тега,
- идентификатора (ID) и
- класса.
| Селектор | CSS | jQuery | Описание |
|---|---|---|---|
| Имя тега | Р | $('Р') | Выбирает все параграфы в документе |
| Идентификатор (ID) | #some-id | $('#some-id') | Выбирает единственный элемент документа с идентификатором some-id |
| Класс | .some-class | $('.some-class') | Выбирает все элементы документа, имеющие класс some-class |
Как уже говорилось ранее, когда к фабричной функции $() присоединяются методы, они автоматически выполняют неявные итерации по элементам, заключенным в объект jQuery. Благодаря этому мы можем избежать явного выполнения итераций, например конструкции цикла for, которая часто бывает необходима при работе с деревом DOM.
Теперь, когда мы рассмотрели основы, можно приступать к исследованию более сложных случаев использования селекторов.
На следующем шаге мы рассмотрим селекторы CSS.
