jQuery dʒeɪ kwɪəri набор функций JavaScript фокусирующийся на взаимодействии JavaScript и HTML Библиотека jQuery помогае

jQuery
jQuery
Тип	JavaScript-библиотека
Разработчик	(Джон Резиг)
Написана на	JavaScript
Операционная система	кроссплатформенность
Первый выпуск	январь 2006
Последняя версия	3.7.1 (28 августа 2023);
Репозиторий	github.com/jquery/jquery
Лицензия	(лицензия MIT)
Сайт	jquery.com (англ.)
	Медиафайлы на Викискладе

jQuery ([dʒeɪ kwɪəri]) — набор функций JavaScript, фокусирующийся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX. Разработка jQuery ведётся командой добровольцев на пожертвования.

История создания

HTML был одной из первых вещей, которую (Джон Резиг) освоил, когда он только начал заниматься программированием. Резиг программировал на (QBasic), когда один его знакомый показал ему, как создать веб-страницу (используя Angelfire), а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Именно тогда, когда он только начал программировать на Visual Basic, HTML и веб-дизайн очень заинтересовали его.

Но страсть к JavaScript пришла значительно позже, примерно в 2004 году. Тогда Резиг получал степень в области компьютерных наук и работал на полставки в местной фирме Brand Logic. Он занимался дизайном сайта, в котором создавался пользовательский (скроллинг). Джон был разочарован и расстроен, особенно потому, что использовал код других разработчиков, после чего решил серьёзно изучить JavaScript. Изучив, пришёл к выводам, что JavaScript — это простой, но изящный язык, невероятно мощный для решения многих задач. В течение следующей пары лет Джон создал множество различных JavaScript-приложений, прежде чем закончить создание jQuery. Основной целью создания jQuery Резиг видел возможность закодировать многоразовые куски кода, которые позволят упростить JavaScript и использовать их так, чтобы не беспокоиться о кросс-браузерных вопросах. Библиотека была представлена общественности на компьютерной конференции (BarCamp) в Нью-Йорке в 2006 году.

Возможности

Движок кросс-браузерных CSS-селекторов , выделившийся в отдельный проект;
Переход по дереву DOM, включая поддержку (XPath) как плагина;
События;
Визуальные эффекты;
AJAX-дополнения;
JavaScript-плагины.

Философия

Точно так же, как CSS отделяет визуализацию от структуры HTML, JQuery отделяет поведение от структуры HTML. Например, вместо прямого указания на обработчик события нажатия кнопки управление передаётся JQuery, которая идентифицирует кнопки и затем преобразует его в обработчик события клика. Такое разделение поведения и структуры также называется принципом (ненавязчивого JavaScript).

Библиотека jQuery содержит функциональность, полезную для максимально широкого круга задач. Тем не менее, разработчиками библиотеки не ставилась задача совмещения в jQuery функций, которые подошли бы всюду, поскольку это привело бы к большому коду, бо́льшая часть которого не востребована. Поэтому была реализована архитектура компактного универсального ядра библиотеки и плагинов. Это позволяет собрать для ресурса именно ту JavaScript-функциональность, которая на нём была бы востребована.

Использование

jQuery, как правило, включается в веб-страницу как один внешний JavaScript-файл:

 <head> <!-- 1-й метод — с локального сервера --> <script src="jquery-3.5.1.min.js">  </script> <!-- 2-й метод — с сервера jquery.com или другого CDN --> <script src="https://code.jquery.com/jquery-3.5.1.min.js">  </script> </head>

Вся работа с jQuery ведётся с помощью функции $. Если на сайте применяются другие JavaScript библиотеки, где $ может использоваться для своих нужд, то можно использовать её синоним — jQuery. Второй способ считается более правильным, а чтобы код не получался слишком громоздким, можно писать его следующим образом:

jQuery(function($) {  // здесь код скрипта, где в $ будет находиться объект, предоставляющий доступ к функциям jQuery })

Работу с jQuery можно разделить на 2 типа:

Получение jQuery-объекта с помощью функции $(). Например, передав в неё CSS-селектор, можно получить jQuery-объект всех элементов HTML, попадающих под критерий и далее работать с ними с помощью различных методов jQuery-объекта. В случае, если метод не должен возвращать какого-либо значения, он возвращает ссылку на jQuery объект, что позволяет вести цепочку вызовов методов согласно концепции (текучего интерфейса).
Вызов глобальных методов у объекта $, например, удобных (итераторов) по массиву.

Типичный пример манипуляции сразу несколькими узлами DOM заключается в вызове $ функции со строкой селектора CSS, что возвращает объект jQuery, содержащий некоторое количество элементов HTML-страницы. Эти элементы затем обрабатываются методами jQuery. Например,

$("div.test").add("p.quote").addClass("blue").slideDown("slow");

находит все элементы div с классом test, а также все элементы p с классом quote, и затем добавляет им всем класс blue и визуально плавно спускает вниз. Здесь методы add, addClass и slideDown возвращают ссылку на исходный объект $("div.test"), поэтому возможно вести такую цепочку.

Методы, начинающиеся с $., удобно применять для обработки глобальных объектов. Например:

$.each([1,2,3], function() {  document.write(this + 1); });

добавит на страницу 234.

$.ajax и соответствующие функции позволяют использовать методы AJAX. Например:

$.ajax({  type: "POST",  url: "some.php",  data: {name: 'John', location: 'Boston'},  success: function(msg){  alert( "Data Saved: " + msg );  } });

В этом примере идет обращение к скрипту some.php с параметрами name=John&location=Boston, и полученный результат выдается в сообщении посредством alert().

Пример добавления к элементу обработчика события click с помощью jQuery:

 $("a").click(function() {  alert("Hello world!");  });

В данном случае при нажатии на элемент <a> происходит вызов alert("Hello world!").

Интеграция с другими продуктами

28 сентября 2008 года в официальном блоге jQuery сообщили о том, что компании Microsoft и Nokia собираются сотрудничать с группой разработчиков. Компания Microsoft собирается интегрировать в свой продукт ASP.NET листинги кода и примеры jQuery, а компания Nokia собирается интегрировать jQuery для своих мобильных виджетов.

Команда разработчиков

Работа над библиотекой разделена на 5 групп:

Команды	Описание	Участники
Разработка	Несут ответственность за содержание библиотеки (разработка, тестирование, документирование и т. д.).	(Джон Резиг) Brandon Aaron Ariel Flesler Jörn Zaefferer CyberMerlin
Пиар	Ответственные за связь с общественностью.	Rey Bango Karl Swedberg Cody Lindley
jQuery UI	Разработка и поддержка (jQuery UI).	Paul Bakaus Richard D. Worth Scott González Todd Parker и др.
Plugins	Люди, ответственные за разработку плагинов	Yehuda Katz Klaus Hartl Mike Alsup
Web дизайнеры	Ответственные за дизайн и поддержку сайта jQuery.	Scott Jehl Mike Hostetler

См. также

(Dojo)
(Extjs)
(jQuery UI)
(jQuery Mobile)
(MooTools)
(Prototype)

Примечания

jQuery 3.7.1 Released: Reliable Table Row Dimensions — 2023.
The jquery Open Source Project on Open Hub: Languages Page — 2006.
The jQuery Team (неопр.). Дата обращения: 21 августа 2018. 19 августа 2018 года.
Sizzle — движок кросс-браузерных CSS-селекторов (неопр.). Дата обращения: 22 ноября 2010. 18 ноября 2020 года.
Бер Бибо, Иегуда Кац. 1.3.5 Расширение jQuery // jQuery. Подробное руководство по продвинутому JavaScript = jQuery in Action. — СПб.: Символ-Плюс, 2009. — 384 с. — 2000 экз. — , 5-93286-135-5, 1-933988-35-5.
Официальный блог jQuery (неопр.). Архивировано из оригинала 6 августа 2012 года.
Официальная страница jQuery UI (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.
Полный список контрибьюторов jQuery UI (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.
Официальная страница jQuery (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.

Литература

Адам Фримен. jQuery для профессионалов = Pro jQuery. — М.: «Вильямс», 2012. — 960 с. — .
Джейсон Ленгсторф. PHP и jQuery для профессионалов = Pro PHP and jQuery. — М.: «Вильямс», 2010. — С. 352. — .
Самков Г. jQuery. Сборник рецептов. — СПб.: БХВ-Петербург, 2010. — С. 416. — .

Ссылки

Официальный сайт (англ.)
Структурированная on-line документация по JQuery (англ.)
Репозиторий jQuery плагинов (англ.)
Русская документация по jQuery

[_935de6999557cafe-1] Query 3.7.1 Released: Reliable Table Row Dimensions — 2023.

[_b41ba67c41f0af36-2] The jquery Open Source Project on Open Hub: Languages Page — 2006.

[3] The jQuery Team (неопр.). Дата обращения: 21 августа 2018. 19 августа 2018 года.

[4] Sizzle — движок кросс-браузерных CSS-селекторов (неопр.). Дата обращения: 22 ноября 2010. 18 ноября 2020 года.

[jQueryInAction-5] Бер Бибо, Иегуда Кац. 1.3.5 Расширение jQuery // jQuery. Подробное руководство по продвинутому JavaScript = jQuery in Action. — СПб.: Символ-Плюс, 2009. — 384 с. — 2000 экз. — , 5-93286-135-5, 1-933988-35-5.

[6] Официальный блог jQuery (неопр.). Архивировано из оригинала 6 августа 2012 года.

[7] Официальная страница jQuery UI (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.

[8] Полный список контрибьюторов jQuery UI (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.

[9] Официальная страница jQuery (неопр.). Дата обращения: 3 июня 2009. Архивировано из оригинала 29 февраля 2012 года.