jQuery 4 Resmi Rilis: Apa yang Berubah?

• Sejarah Singkat jQuery
• Apa yang Baru di jQuery 4.0.0
  • Fokus pada Browser Modern
  • Dukungan Trusted Types dan CSP
  • Migrasi ke ES Modules
  • Penghapusan API yang Sudah Usang
  • Perubahan Perilaku Event Fokus
  • Slim Build yang Lebih Ringan
• Penyesuaian Saat Upgrade dari jQuery 3
• Cara Instalasi jQuery 4
• Kesimpulan

Halo teman-teman semuanya. jQuery resmi merilis versi 4.0.0 pada 17 Januari 2026, bertepatan dengan ulang tahunnya yang ke-20. Rilis ini menjadi major release pertama setelah hampir satu dekade, dengan fokus utama pada modernisasi kode, penghapusan fitur usang, peningkatan keamanan, serta penyesuaian dengan standar web modern.

jQuery 4 bukan lagi soal kompatibilitas browser lama, tetapi tentang bagaimana library ini tetap relevan di era modern JavaScript.

Sejarah Singkat jQuery

jQuery pertama kali diperkenalkan oleh John Resig pada tahun 2006. Pada masanya, jQuery menjadi solusi utama untuk menyederhanakan manipulasi DOM, event handling, Ajax, dan animasi, terutama karena perbedaan implementasi JavaScript di berbagai browser.

Selama bertahun-tahun, jQuery menjadi fondasi bagi banyak website dan aplikasi web. Namun, seiring berkembangnya standar web dan API JavaScript modern, banyak fitur jQuery yang sebenarnya sudah bisa digantikan oleh fitur bawaan browser.

jQuery 4 hadir sebagai jawaban atas perubahan tersebut.

Apa yang Baru di jQuery 4.0.0

• Fokus pada Browser Modern

  jQuery 4 secara resmi menghapus dukungan browser lama, seperti Internet Explorer versi lama, Edge Legacy, serta beberapa browser Android dan Firefox versi lama. Dengan keputusan ini, jQuery dapat menulis kode yang lebih bersih dan efisien tanpa perlu fallback untuk teknologi yang sudah ditinggalkan.

• Dukungan Trusted Types dan CSP

  Salah satu peningkatan penting di jQuery 4 adalah dukungan Trusted Types untuk Content Security Policy (CSP). Fitur ini membantu mencegah serangan XSS dengan memastikan bahwa HTML, URL, atau script yang disisipkan ke DOM sudah melalui validasi yang aman.

  Bagi aplikasi yang menerapkan CSP ketat, jQuery 4 menjadi pilihan yang jauh lebih aman dibanding versi sebelumnya.

• Migrasi ke ES Modules

  jQuery 4 kini sepenuhnya mendukung ES Modules. Artinya, jQuery bisa digunakan langsung dalam ekosistem modern bundler seperti Vite, Webpack, atau Rollup.

  Contoh penggunaan dengan ES Modules:

  import $ from "jquery";
  

  Pendekatan ini menghilangkan ketergantungan lama seperti AMD atau RequireJS.

• Penghapusan API yang Sudah Usang

  Banyak API lama yang sebelumnya sudah berstatus deprecated kini benar-benar dihapus di jQuery 4. Beberapa di antaranya adalah:

  • jQuery.isArray
  • jQuery.trim
  • jQuery.parseJSON

  Sebagai gantinya, pengembang dianjurkan menggunakan API native JavaScript seperti:

  Array.isArray()
  String.prototype.trim()
  JSON.parse()
  

• Perubahan Perilaku Event Fokus

  jQuery 4 menyesuaikan perilaku event fokus agar sesuai dengan spesifikasi web terbaru. Pada versi sebelumnya, jQuery memiliki perilaku khusus untuk event fokus demi kompatibilitas lintas browser lama.

• Slim Build yang Lebih Ringan

  Versi slim build di jQuery 4 menjadi lebih ringan karena modul Deferred dan Callbacks dihapus. Pengembang disarankan menggunakan Promise native JavaScript yang kini sudah didukung penuh oleh browser modern.

Penyesuaian Saat Upgrade dari jQuery 3

Karena jQuery 4 adalah major release, terdapat beberapa breaking change yang perlu diperhatikan saat migrasi dari jQuery 3, antara lain:

• Menghapus penggunaan API yang sudah tidak tersedia
• Menyesuaikan logika event fokus
• Mengganti Deferred dan Callbacks dengan Promise native

Untuk proyek lama, proses upgrade sebaiknya dilakukan secara bertahap dengan pengujian yang matang.

Cara Instalasi jQuery 4

jQuery 4 dapat digunakan melalui CDN atau npm.

Menggunakan CDN:

<script src="https://code.jquery.com/jquery-4.0.0.min.js"></script>

Menggunakan npm:

npm install jquery@4

Tersedia juga versi slim jika kamu tidak membutuhkan modul Ajax dan efek.

Kesimpulan

jQuery 4.0.0 adalah langkah besar dalam perjalanan jQuery. Versi ini menandai transisi penuh menuju dunia JavaScript modern dengan menghapus dukungan browser lama, membersihkan API usang, meningkatkan keamanan, dan mengadopsi ES Modules.

Bagi teman-teman yang masih menggunakan aplikasi berbasis jQuery, versi 4 akan lebih ringan, aman, dan siap dipadukan dengan tooling modern.

jQuery mungkin tidak lagi menjadi pilihan utama untuk proyek baru, tetapi dengan jQuery 4, library ini tetap relevan dan layak digunakan untuk jangka panjang.

Terima Kasih

Selengkapnya: https://blog.jquery.com/2026/01/17/jquery-4-0-0/