19.1. Основы jQuery

Библиотека jQuery определяет единственную глобальную функцию с именем jQuery(). Эта функция используется настолько часто, что библиотека определяет также глобальное имя $, как сокращенный псевдоним этой функции. Эти два имени - все, что библиотека jQuery добавляет в глобальное пространство имен.[53]

Эта глобальная функция с двумя именами является центральной функцией механизма запросов в библиотеке jQuery. Например, ниже показано, как можно запросить множество всех элементов <div> в документе:

var divs = $("div");

Эта функция возвращает множество из нуля или более элементов DOM, которое называется объектом jQuery. Обратите внимание, что jQuery() является фабричной функцией, а не конструктором: она возвращает вновь созданный объект, но она используется без ключевого слова new. Объект jQuery определяет множество методов для выполнения операций над множеством элементов, которое он представляет, и большая часть главы будет посвящена описанию этих методов. Ниже приводится пример инструкции, которая отыскивает, выделяет цветом и быстро отображает все скрытые элементы <р>, имеющие класс «details»:

$("р.details").css( "background-color", "yellow").show("fast");

Метод css() оперирует объектом jQuery, возвращаемым функцией $(), и возвращает этот же объект, благодаря чему метод show() может быть вызван в этой же компактной «цепочке вызовов методов». Этот прием составления цепочек является весьма характерным при использовании библиотеки jQuery. В качестве другого примера ниже демонстрируется инструкция, выполняющая поиск всех элементов, имеющих CSS-класс «clicktohide», и регистрирующая обработчик события в каждом из них. Этот обработчик вызывается, когда пользователь щелкает на элементе и заставляет элемент медленно «выезжать» за границы окна вверх и скрываться:

$(".clicktohide").click(function() { $(this).slideUp("slow"); });