jQuery 4.0: первое обновление за 10 лет и роль в JavaScript 2026

hannadev

jQuery 4.0 наконец вышел - первое крупное обновление за почти 10 лет. Эта версия убирает старый код, добавляет поддержку современных стандартов и делает библиотеку легче. Разработчики получат инструмент, который проще интегрируется в новые проекты, без поддержки устаревших браузеров.

Обновление решает проблемы legacy-кода в старых сайтах. Оно помогает мигрировать на ES modules и Trusted Types, снижая риски XSS-атак. В 2026 году это актуально для проектов, где нужен быстрый фронтенд без лишнего веса.

Что нового в jQuery 4.0

jQuery 4.0 - это не просто патч, а полная модернизация. Команда убрала поддержку IE10 и старше, включая Edge Legacy, старые iOS и Android. IE11 пока остался, но в 5.0 его тоже уберут. Это сделало библиотеку легче на 3 кБ в gzipped-виде.

Убраны deprecated API вроде jQuery.isArray, jQuery.parseJSON, jQuery.trim и jQuery.now. Теперь используйте нативные Array.isArray(), JSON.parse(), String.prototype.trim() и Date.now(). Источник кода перешел с AMD на ES modules, что упрощает работу с Vite, Webpack и Rollup.

Добавлена поддержка Trusted Types - это защищает от XSS при работе с innerHTML. События focus теперь следуют W3C-стандарту: blur, focusout, focus, focusin. Раньше jQuery переопределял порядок, но теперь подстраивается под бр��узеры.

Вот ключевые изменения:

Удалены Deferreds и Callbacks в slim-билде (19.5 кБ gzipped).
Ajax-скрипты не выполняются автоматически без dataType: “script”.
Полная совместимость с CSP через script tags вместо XHR.

Характеристика	jQuery 3.x	jQuery 4.0
Размер (gzipped)	~30 кБ	~27 кБ (стандарт), 19.5 кБ (slim)
Поддержка IE	IE9+	IE11 (IE10-)
Модули	AMD/UMD	ES modules
Trusted Types	Нет	Да

Как обновиться без боли

Большинство пользователей обновятся с минимальными изменениями. Команда выпустила upgrade guide и jQuery Migrate плагин. Они ловят устаревший код и предлагают замены. Если проект на старых браузерах, оставайтесь на 3.x.

Пример миграции простого селектора:

// Старый код
$("div").html(data);

// В 4.0 с Trusted Types
$("div").html(trustedHTML(data));

Проверьте event-обработчики. В 4.0 порядок focus-событий изменился, чтобы соответствовать спецификации. Тестируйте в Chrome, Firefox 146+ и Safari.

Шаги для обновления:

Установите jQuery Migrate 4.x.
Запустите тесты на breaking changes.
Замените удаленные API на нативные.
Проверьте slim-билд, если не нужны ajax/анимации.

Важно: Для IE11 нужен Promise polyfill в slim-билде.

Проблема	Решение в 4.0	Альтернатива
XSS в innerHTML	Trusted Types	Sanitize вручную
Длинный код	Удалены legacy API	Vanilla JS
Build tools	ES modules	-

Роль jQuery в JavaScript 2026

В 2026 JavaScript эволюционировал: нативный JS мощнее, но jQuery все еще короче и интуитивнее. Vanilla код для DOM-анимаций раздувается, а jQuery дает цепочки вроде $(“button”).fadeOut(). Community на Reddit и HN хвалит: код чище, чем современный vanilla.

Библиотека интегрируется с React/Vue через plugins. ES modules позволяют tree-shaking - убирайте неиспользуемый код. В проектах с legacy она мостит к современным фреймворкам.

Преимущества в 2026:

Производительность: Меньше кода, быстрее загрузка.
Совместимость: Работает с новыми bundlers.
Безопасность: Trusted Types для enterprise.

Сравнение с vanilla:

Задача	jQuery 4.0	Vanilla JS 2026
Селектор + event	`$(sel).on('click', fn)`	`document.querySelector(sel).addEventListener`
Ajax	`$.ajax()`	`fetch()`
Размер	27 кБ	0 кБ (но больше строк)

jQuery впереди: 5.0 и дальше

jQuery 4.0 - шаг к полному избавлению от IE. В 5.0 уйдет IE11, добавятся новые фичи под Web APIs. Стоит подумать, как сочетается с TypeScript и server-side rendering.

Обновление показывает: простота побеждает. Библиотека адаптируется к JS-экосистеме 2026, где нативный код доминирует, но jQuery держит нишу для быстрого прототипинга.