Зачем это важно? Многие сайты всё ещё используют jQuery - около 70% топ-10 миллионов по данным W3Techs. Новая версия решает проблемы совместимости с современными сборщиками вроде Vite и webpack, упрощает миграцию и усиливает защиту от XSS через Trusted Types. Вы разберётесь, как это меняет фронтенд-разработку.

Переход на ES-модули: новая основа jQuery

jQuery 4.0 полностью переписана на ECMAScript Modules (ESM). Это значит, что библиотека теперь поставляется как нативный модуль, без старых форматов AMD или CommonJS. Раньше для интеграции в Vite или Rollup приходилось использовать обходные пути - теперь всё работает из коробки.

Пример: вместо глобального объекта вы импортируете jQuery так: import $ from 'jquery';. Это упрощает tree-shaking - сборщики удаляют неиспользуемый код, снижая размер бандла. Размер slim-версии сократился до 19.5 КБ после gzip, полная - 27.5 КБ. Плюс, ESM лучше интегрируется с TypeScript и современными фреймворками.

Вот ключевые изменения в модульной структуре:

• Нативная поддержка ESM: импорт/экспорт без плагинов.
• Совместимость с бандлерами: Vite, webpack, Rollup - автоматическая обработка.
• Tree-shaking: удаление неиспользуемых частей для оптимизации.

Важно: если ваш пайплайн ожидает CommonJS, добавьте адаптер - большинство инструментов справятся автоматически.

Удаление устаревшего кода: чистота и производительность

В jQuery 4.0 удалили десятки deprecated API, которые давно заменены нативным JS. Например, jQuery.isArray, jQuery.trim, jQuery.parseJSON - теперь используйте Array.isArray, String.prototype.trim, JSON.parse. Это очищает код и ускоряет выполнение.

Почему это круто? Библиотека стала легче на 3 КБ, а разработчики избавились от полифиллов для старых браузеров. Изменения нарушают обратную совместимость, но для 90% кода миграция простая - есть специальный плагин. Порядок событий focus/blur теперь соответствует W3C: blur, focusout, focus, focusin.

Список удалённых API с альтернативами:

1. jQuery.isArray → Array.isArray() - проверка массива.
2. jQuery.trim → str.trim() - обрезка пробелов.
3. jQuery.parseJSON → JSON.parse() - парсинг JSON.
4. Внутренние методы Array (push, sort, splice) - используйте нативные.

Нюанс: для IE11 Deferreds пока есть, но в jQuery 5 их уберут - переходите на нативные Promise.

Безопасность и slim-сборка: для production

jQuery 4.0 добавила поддержку Trusted Types - стандарт против DOM XSS. Теперь в методы вроде .html() можно передавать объекты TrustedHTML, что идеально для строгих CSP. Раньше библиотека конфликтовала с Content Security Policy - проблема решена.

Slim-сборка стала ещё легче: без AJAX, анимаций, Deferreds и Callbacks. Она предполагает нативные Promise и подходит для DOM-манипуляций. Поддержка браузеров сокращена: нет IE10, Edge Legacy, старых iOS/Firefox. IE11 пока живёт, но ненадолго.

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

• Размер 19.5 КБ - минимальный для манипуляций DOM.
• Нет зависимостей от AJAX/effects - полагайтесь на Fetch/Intersection Observer.
• Идеально для микрофронтендов или статических сайтов.

Совет: тестируйте на реальных устройствах - slim не для анимаций.

jQuery в модульном мире 2026: что меняется

jQuery 4.0 - это мост между legacy-проектами и ESM-эрой. Библиотека жива, но для новых проектов нативный JS часто лучше - меньше зависимостей, быстрее загрузка. В legacy-коде или CMS она упрощает рефакторинг.

Осталось место для экспериментов: как интегрировать с React/Vue через portals? Или комбинировать с Web Components. Модульность открывает двери, но требует переосмысления ролей библиотек в 2026 году.