Иногда сложно уловить различия между методами объекта

и функциями библиотеки jQuery, потому что многие методы и функции имеют одинаковые имена. Обратите внимание, что следующие две строки программного кода выполняют разные операции:

В официальной документации по библиотеке jQuery, которую можно найти на сайтетакие имена, как

, используются для ссылки на функции библиотеки jQuery, а такие имена, как .each (с точкой, но без знака доллара), - для ссылки на методы объекта . Вместо них в этой книге я буду использовать термины «функция» и «метод». Что именно подразумевается, обычно будет достаточно очевидно из контекста обсуждения.

Когда функции

передается CSS-селектор, она возвращает объект , представляющий множество («выбранных») элементов, соответствующих селектору. С CSS-селекторами мы познакомились в разделе 15.2.5, куда вы можете вернуться, чтобы освежить память, - все примеры селекторов, представленные там, могут передаваться функции . Конкретный синтаксис селекторов, поддерживаемый библиотекой jQuery, подробно будет рассматриваться в разделе 19.8.1. Однако, прежде чем углубиться в особенности синтаксиса селекторов, мы сначала разберемся с тем, что можно делать с результатами запроса.

Возвращаемым значением функции

является объект . Объекты – это объекты, подобные массивам: они имеют свойство и свойства с числовыми именами, начиная с 0 до – 1. (Подробнее об объектах, подобных массивам, рассказывается в разделе 7.11.) Это означает, что к содержимому объекта можно обращаться, используя стандартный синтаксис обращения к элементам массива с квадратными скобками:

Если при работе с объектом

вы предпочитаете не использовать синтаксис массивов, вместо свойства можно использовать метод а вместо индексов в квадратных скобках - метод Если потребуется преобразовать объект в настоящий массив, можно вызвать метод

В дополнение к свойству

объекты имеют еще три свойства, представляющие определенный интерес. Свойство selector хранит строку селектора (если таковая имеется), которая использовалась при создании объекта . Свойство context ссылается на объект контекста, который был передан функции во вто-ром аргументе, в противном случае оно будет ссылаться на объект Document. Наконец, все объекты имеют свойство jquery, проверка наличия которого является самым простым способом отличить объект от любого другого объекта* подобного массиву. Значением свойства jquery является строка с номером версии библиотеки jQuery:

Если потребуется обойти в цикле все элементы в объекте

, вместо цикла можно использовать метод Метод напоминает метод массивов, определяемый стандартом ECMAScript 5 (ES5). В единственном аргументе он принимает функцию обратного вызова, которая будет вызвана для каждого элемента в объекте (в порядке следования в документе). Эта функция вызывается как метод элемента, т.е. внутри функции ключевое слово ссылается на объект . Кроме того, метод передает функции обратного вызова индекс и элемент в первом и втором аргументах. Обратите внимание, что ссылка и второй аргумент ссылаются на обычные элементы документа, а не на объекты . Если для работы с элементом внутри функции потребуется использовать методы объекта , передайте этот элемент функции .

Метод

объекта имеет одну особенность, которая существенно отличает его от метода если функция обратного вызова вернет false для какого-либо элемента, итерации будут остановлены после этого элемента (это напоминает использование ключевого слова в обычном цикле). Метод возвращает объект , относительно которого он был вызван, благодаря чему он может использоваться в цепочках вызовов методов. Например (здесь используется метод который будет описан в разделе 19.3):