Posted on: January 19, 2026 09:37 AM
Posted by: Renato
Views: 90
📢 Lançamento do jQuery 4.0.0 – O que muda?
O jQuery 4.0.0 foi lançado oficialmente em 17 de janeiro de 2026, marcando 20 anos do jQuery desde sua primeira apresentação por John Resig em 2006.
👉 É a primeira versão major (principal) do jQuery em quase 10 anos, o que explica a quantidade de mudanças importantes — inclusive breaking changes (mudanças que podem quebrar código antigo).
A boa notícia:
🔹 A maioria dos projetos consegue atualizar com poucas mudanças, especialmente se já estavam atualizados para jQuery 3.x.
🚨 Principais mudanças importantes
❌ Remoção de suporte a navegadores antigos
O jQuery 4 não suporta mais:
-
Internet Explorer 10 ou inferior
-
Edge Legacy (pré-Chromium)
-
iOS muito antigos (menos que as últimas 3 versões)
-
Firefox muito antigos (menos que as últimas 2 versões, exceto ESR)
-
Android Browser antigo
📌 IE 11 ainda é suportado, mas será removido no jQuery 5.0.
👉 Se você precisa suportar esses navegadores antigos, deve continuar no jQuery 3.x.
🔐 Segurança: Trusted Types e CSP
O jQuery 4 agora suporta Trusted Types, o que melhora a segurança contra XSS quando se usa Content Security Policy (CSP).
O que mudou na prática:
-
Manipulação de HTML agora aceita objetos
TrustedHTML -
Scripts AJAX passaram a usar mais
<script>tags ao invés de inline scripts -
Menos erros de CSP em ambientes mais restritos
💡 Isso é excelente para aplicações modernas, principalmente corporativas e bancárias.
📦 Código-fonte migrado para ES Modules
Antes:
-
jQuery usava AMD (RequireJS) internamente
Agora:
-
O código-fonte foi migrado para ES Modules
-
Build feito com Rollup
-
Compatível com:
-
Bundlers modernos (Vite, Webpack, Rollup)
-
<script type="module"> -
CommonJS e ESM
-
📌 Isso não muda como você usa o jQuery no dia a dia, mas melhora muito integração com stacks modernas.
🧹 APIs obsoletas removidas (breaking change)
Funções antigas e já depreciadas foram removidas de vez, por exemplo:
jQuery.isArrayjQuery.parseJSONjQuery.trimjQuery.nowjQuery.isFunctionjQuery.isNumeric
✅ Substituições modernas:
|
Antes (jQuery) |
Agora (JS nativo) |
|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
📉 Resultado:
➡️ jQuery ficou ~3 KB menor (gzip)
➡️ Código mais limpo e moderno
🧬 Métodos internos removidos do prototype
Métodos que nunca deveriam ser usados diretamente foram removidos:
-
push -
sort -
splice
Se alguém fazia isso (não recomendado):
$elements.push(elem);
Agora deve usar:
[].push.call($elements, elem);
🎯 Mudança no comportamento de eventos de foco
A ordem dos eventos de foco agora segue o padrão oficial do W3C:
Nova ordem (jQuery 4):
-
blur -
focusout -
focus -
focusin
Antes (jQuery antigo):
-
focusout -
blur -
focusin -
focus
⚠️ Isso pode afetar código que depende explicitamente da ordem desses eventos.
📌 Porém:
-
Agora todos os navegadores modernos seguem o mesmo padrão
-
O jQuery parou de sobrescrever o comportamento nativo
✂️ Slim Build ainda menor
O jQuery Slim ficou ainda mais leve (~19.5 KB gzip):
Removido do Slim:
-
AJAX
-
Deferreds
-
Callbacks
📌 Motivo:
-
Promises nativas já existem em praticamente todos os navegadores modernos
-
Deferreds viraram algo desnecessário na maioria dos casos
⚠️ Atenção:
-
IE11 não tem Promise nativa
-
Para IE11 → use jQuery completo ou um polyfill
🔄 AJAX mais moderno e previsível
Melhorias importantes:
-
Suporte completo a FormData e dados binários
-
Scripts AJAX não são executados automaticamente sem
dataType -
Melhor compatibilidade com CSP
-
Removida a “mágica” de converter JSON → JSONP automaticamente
📌 Resultado:
➡️ Menos comportamento inesperado
➡️ Mais controle e segurança
🧭 Guia de migração disponível
O time disponibilizou:
-
📘 Upgrade Guide
-
🔧 jQuery Migrate Plugin
👉 Ideal para:
-
Detectar código quebrado
-
Atualizar projetos grandes com segurança
📥 Como baixar
CDN:
https://code.jquery.com/jquery-4.0.0.min.jshttps://code.jquery.com/jquery-4.0.0.slim.min.js
NPM:
npm install [email protected]
🎉 Conclusão
O jQuery 4.0 não é apenas uma atualização — é uma modernização completa:
✅ Código mais limpo
✅ Mais seguro
✅ Menor
✅ Melhor integração com ferramentas modernas
❌ Menos compatibilidade com legado (por escolha consciente)
👉 Para projetos novos ou bem mantidos: vale muito a pena migrar.
👉 Para sistemas legados: use o jQuery Migrate antes de atualizar.
Donate to Site
Renato
Developer