JavaScript и библиотека jQuery

Введение

jQuery является быстрой, легкой и многофункциональной JavaScript библиотекой, которая основана на принципе «пиши меньше, а делай больше». Официальный сайт jQuery был создан Джоном Резигом в 2006-ом году. На текущий момент jQuery модифицируется и поддерживается определенной группой специалистов в качестве проекта, имеющего открытый исходный код. Сегодня последняя версия jQuery обозначается как 3.5.1. Она обладает поддержкой всех основных браузеров, таких как, Chrome, Firefox, Safari, Edge, Opera и Internet Explorer 9+.

Библиотека jQuery

К числу преимуществ, которые обеспечивает пользователям использование библиотеки jQuery при написании клиентских сценариев, следует отнести следующие моменты:

1. Наличие компактного кода, то есть, библиотека может позволить писать код в более компактном формате, чем на чистом javaScript, что означает гораздо меньшее число строк кода.
2. Использование простого и понятного синтаксиса, что позволяет существенно упростить написание многих функций, к примеру, таких как манипулирование DOM (Document Object Model) элементами, обработка событий, добавление эффектов анимации на страницу, AJAX (Asynchronous Javascript and XML) запросы и так далее.
3. Наличие поддержки практически всеми браузерами. Код, который написан на jQuery, способен функционировать во всех основных браузерах. Причем, код, который написан на чистом JavaScript, следует однозначно проверить в любом из выбранных браузеров, так как, определенные фрагменты кода могут не поддерживаться. Это означает, что их версию для этих браузеров необходимо будет модифицировать.
4. Наличие открытого кода, то есть, библиотека jQuery — это полностью бесплатный программный продукт, причем, как для личного, так и для коммерческого использования.

Помимо очевидных достоинств, которые приведены выше, библиотека jQuery, естественно, обладает и недостатками, к числу которых следует отнести:

1. Библиотека способна немного увеличивать время загрузки веб-страницы
2. Немного может снизиться производительность исполнения кода, по сравнению с реализацией на чистом JavaScript.

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

Рисунок 1. График. Автор24 — интернет-биржа студенческих работ

Библиотека jQuery предоставляет возможность легкого решения следующих задач:

1. Осуществление выбора компонентов для исполнения разных манипуляций над ними.
2. Формирование различных визуальных эффектов, таких как, к примеру, плавное отображение и сокрытие компонентов.
3. Создание сложной анимации, причем реализуется она гораздо меньшим количеством строк кода, чем при реализации на чистом JavaScript.
4. Возможность манипулирования DOM элементами и их атрибутами.
5. Реализация AJAX для асинхронного информационного обмена между клиентом и сервером.
6. Перемещение от текущего узла к другим узлам по иерархической структуре DOM дерева.
7. Осуществление целого набора действий над компонентом при помощи одной строчки кода.
8. Получение или установление размеров HTML компонентов и так далее.

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

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

1. Полная версия библиотеки jQuery.
2. Slim версия библиотеки jQuery.

Отличие версии slim от полной состоит только в том, что в ней нет некоторой части модулей, а конкретно модулей ajax и effects. В случае, когда функции, которые входят в данные модули, являются необходимыми, то тогда необходимо остановить свой выбор на полной версии. И, естественно, в противном случае можно выбрать версию slim. Помимо этого, обе эти версии доступны пользователям как в сжатом (с суффиксом min), так и в несжатом формате.

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

Сокращение размеров кода JavaScript библиотеки jQuery реализуется за счет процесса минимизации. Минимизацией является процесс, который состоит в удалении из исходного кода всех лишних элементов, таких как, комментарии, незначащие пробелы, переносы строк, символы табуляции, и замене имен функций и переменных на наиболее краткие.

Помимо этого, присутствуют еще различные ветви jQuery, а именно, 1.x, 2.x и 3.x. jQuery 1.x необходимо применять, когда требуется поддержка IE 6 – 8. jQuery 2.x выполнена на том же API, что 1.x, однако обладает меньшим размером и более высокой производительностью. Это получилось благодаря тому факту, что из нее удалили устаревший код, который был необходим для поддержки IE 6 – 8. Таким образом 2.x следует применять лишь в том случае, если пользователю не требуется поддержка данных устаревших браузеров.

jQuery 3.x является последней ветвью, в которой 3.5.1 является последней версией. Практически в любом случае лучше все-таки выбрать именно ее, если конечно пользователю не требуется поддержка IE 6 – 8. В отличие от предыдущих ветвей, она обладает большим количеством улучшений и модификаций. Помимо этого, она является доступной как в полном формате, так и в формате slim.