logo
logo

Отличия JavaScript и jQuery

Отличия JavaScript и jQuery image
Обновлено: Июнь 14, 2022
#javascript#jquery
Автор: Натали

JavaScript и jQuery являются мощными инструментами в веб-разработке. Их основная задача - сделать страницы более динамичными и интерактивными. Или, проще говоря - сделать их более “живыми”.

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

JavaScript

Книга о языке программирования JavaScript для веб-дизайнеров

JavaScript (JS) - это язык программирования, созданный в 1995 году Брэнданом Эйхом. С его помощью достигается максимальная производительность HTML-страниц. JavaScript позволяет добавлять в них динамику, наполнять анимацией и всевозможными интерактивными элементами.

Наряду с HTML и CSS, JavaScript является одной из трёх основных технологий, используемых в создании веб-сайтов и приложений.

В то время как HTML и CSS определяют структуру и внешний вид веб-страниц, JavaScript добавляет в них динамические визуальные эффекты. Например, используя JS мы можем написать код события при клике мышкой, наведении курсора в определённую область страницы и многих других действиях.

JavaScript - это основной клиентский язык программирования. Все веб-браузеры имеют встроенный движок, который распознаёт и обрабатывает код JS.

Кроме разработки веб-сайтов, JavaScript также используется во многих десктопных и серверных программах (например, платформа Node.js), и в некоторых базах данных (например, CouchDB и MongoDB).

Основным преимуществом использования JS в веб-разработке является мгновенная реакция. С его помощью веб-страницы могут незамедлительно ответить на какое-либо действие - например, когда посетитель заполняет форму, водит курсором по экрану или заполняет форму.

jQuery

Лист A4 с напечатанным текстом "jQuery"

jQuery - это популярная библиотека JavaScript, выпущенная в 2006 году. Она бесплатна, имеет открытый исходный код с лицензией MIT и превосходную кроссбраузерную совместимость.

Пожалуй, девиз jQuery можно описать так: “Делай больше, пиши меньше”. С помощью всего одной строки кода библиотека jQuery позволяет достичь того же результата, что и несравнимо большее кол-во строк, написанных на чистом JavaScript.

Иными словами, основная задача jQuery - сделать процесс разработки сайтов и приложений, написанных на JavaScript, более быстрым, комфортным и эффективным.

Основные отличия JavaScript и jQuery


JavaScript(JS)


jQuery

Язык программирования, используемый для улучшения интерактивности в веб-браузерах

Библиотека JavaScript

Часто, для достижения определенного результата, требуется написать большое количество кода

Позволяет писать меньше кода, достигая аналогичного результата

Разработчикам необходимо написать собственный скрипт, который требует много времени

В библиотеке существуют уже готовые сценарии, которыми разработчик может пользоваться

JavaScript может существовать без jQuery

jQuery не может существовать без JavaScript

Использует JIT-компиляцию

Использует DOM

Для достижения кроссбраузерной совместимости необходимо написать дополнительный код (или изменять уже имеющийся)

jQuery уже имеет встроенную кроссбраузерную функциональность

Чистый JavaScript может работать быстрее в процессе манипуляций с DOM, т.к. JS напрямую обрабатывается браузером. Однако сам процесс написания DOM фрагментов требует больше времени

jQuery также быстро обрабатывается современными браузерами и компьютерами, но библиотека сначала конвертируется в JavaScript и затем обрабатывается браузером

Для создания анимации с использованием JavaScript требуется много строк кода. В основном это достигается изменением стилей HTML-страницы

jQuery позволяет добавлять эффекты анимации гораздо быстрее, используя меньшее количество кода


Подведём итог: jQuery является библиотекой JavaScript, которая позволяет значительно упрощать использование JS в процессе создания веб-приложений. Используя jQuery, для выполнения одной и той же задачи разработчик может использовать всего одну строку кода вместо десятков строк в сравнении с чистым JavaScript.

Таким образом, ключевое отличие между JavaScript и jQuery заключается в том, что JavaScript - это самостоятельный язык программирования, а jQuery - библиотека JavaScript, значительно облегчающая его использование, но не являющаяся отдельным языком.

Отличия JavaScript и jQuery (инфографика)