jQuery— это JavaScript-библиотека, обеспечивающая кроссбраузерную поддержку приложений (работает в Internet Explorer 6.0+, Mozilla Firefox 2+, Safari 3.0+, Opera 9.0+ и Chrome). Автор библиотеки Джон Резиг (John Resig) впервые представил свое творение в январе 2006 года на компьютерной конференции в Нью-Йорке, а в августе того же года была выпущена первая стабильная версия библиотеки. За прошедшие годы библиотека претерпела множество изменений и на текущий день содержит функционал, полезный для максимально широкого круга задач. Она имеет небольшой размер (например, размер минимизированной версии— 55,9 Кбайт, а сжатой версии— 19 Кбайт) и не засоряет глобальное пространство имен тривиальными идентификаторами.

Потрясающие возможности механизма селекторов, позволяющие легко получить доступ к любому элементу объектной модели документа, сделали библиотеку jQuery очень популярной. Судите сами. Чтобы получить ссылку на DOM-элемент с помощью JavaScript, обычно используется метод getElementByld(). Например, изменим HTML-код элемента с идентификатором div1.

  document.getElementByld ("div1").innerHTML = "Новый текст";

Код на jQuery, выполняющий то же самое действие, будет в два раза короче.

  $("#divl").html("Новый текст");

Конечно, ради одной этой строки не имеет смысла подключать целую библиотеку. Но все дело в том, что функционал селекторов далеко не ограничивается одним идентификатором. Возможности селекторов можно сравнить разве что с регулярными выражениями языка Perl. В качестве примера изменим цвет текста во всех элементах A, в параметре href которых содержится ссылка на HTML-документ, причем элемент А должен быть расположен внутри элемента DIV, имеющего стилевой класс cls1.

$("div.cls1  a[href$=!.html']").ess("color",   "red");

 
Попробуйте выполнить аналогичную операцию с помощью JavaScript. Для этого понадобится далеко не одна строка кода.

 
Еще одной отличительной особенностью библиотеки jQuery является возможность составлять цепочки из вызовов методов, так как большинство методов jQuery возвращает объект, с которым можно производить дальнейшие манипуляции.

 

$("#message")  // Получили ссылку на элемент с  id=message 
	.html("Сообщение") // Изменили текст внутри элемента 
	.parent()    // Получили ссылку на родительский элемент 
	.css ("background-color", "#fff4dd")  // Задали цвет  фона 
	.width(300)  // Ширина 
	.height(200) // Высота 
	// Плавно  отобразили элемент  за   счет  изменения  прозрачности 
	.fadeln(3000);

 Библиотека jQuery не оставила без внимания и технологию AJAX, позволяющую обмениваться данными с сервером без перезагрузки веб-страницы. В главе 10 мы изучим базовые свойства и методы объекта XMLHttpRequest, а в главе 11 рассмотрим очень удобный интерфейс доступа к AJAX, предоставляемый библиотекой jQuery.

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

 
Благодаря своей универсальности библиотека jQuery будет полезна практически любому разработчику. Она подходит новичку, так как позволяет забыть о проблеме с кроссбрау-зерностью приложения (вышел новый веб-браузер— сменил версию библиотеки и все опять работает). Библиотека идеальна для профессионалов, так как позволяет сократить код минимум в три раза. А это в свою очередь позволит написать очень сложный код с минимальными усилиями и потерей времени.

Желаю приятного прочтения и надеюсь, что эта книга станет верным спутником в вашей повседневной деятельности и в лучшую сторону изменит ваш стиль программирования на JavaScript.