Haruskah Anda Menggunakan atau Mempelajari jQuery Tahun 2021, Apa pun preferensi Anda dalam hal kerangka kerja dan pustaka JavaScript, jQuery telah memainkan peran besar dalam ekosistem JavaScript.

Dulu jauh lebih populer beberapa tahun yang lalu, dan sekarang beberapa kebutuhan jQuery telah digantikan oleh browser modern (untungnya!), tetapi perpustakaan JavaScript ini masih digunakan oleh banyak orang.

Mengapa jQuery menjadi begitu populer? Pertama, jQuery lahir di dunia di mana aplikasi JavaScript bukanlah apa-apa. Pada awal-pertengahan 2000-an JavaScript terutama digunakan untuk mendukung tayangan slide dan widget lain yang muncul di dalam halaman, seperti galeri gambar, pemilih tanggal, dan sebagainya. Itu tidak cukup kuat untuk melakukan banyak hal tanpa terlalu lambat (komputer juga lebih lambat, tentu saja).

Perlu dicatat bahwa jQuery bukan satu-satunya atau perpustakaan pertama. Yang lain sangat populer pada saat itu, seperti Mootools, YUI, Dojo Toolkit, Scriptaculous dan Prototype. jQuery mungkin menjadi yang paling terkenal di kemudian hari.

Browser pada saat itu memiliki banyak masalah interoperabilitas. Kami memiliki banyak keanehan lintas-browser dan masalah standarisasi, dan jQuery membantu kami dengan membuat lapisan abstraksi dan menangani semua solusinya.

Menurut benjaminsterling.com jQuery memungkinkan Anda untuk memilih elemen DOM menggunakan sintaks pemilih CSS, sangat ramah pengguna dan sangat mudah untuk diperluas. Itu membuat animasi JavaScript menjadi sederhana.

Itu juga membantu menyederhanakan bekerja dengan AJAX (dan perbedaan lintas-browsernya) pada saat istilah ini sangat populer, dan ini juga memberi jQuery dorongan yang bagus dalam hal popularitas.

Saat ini, kami tidak memiliki banyak masalah kompatibilitas browser, dan Selectors API dan Fetch distandarisasi ke browser dua fitur terbaik jQuery.

jQuery tentu saja merupakan topik yang penuh perdebatan. Beberapa orang mengatakan jQuery adalah peninggalan masa lalu, beberapa orang masih menggunakannya sehari-hari. Beberapa orang menghabiskan waktu mereka menulis tentang mengapa kita tidak membutuhkan jQuery .

Ini pasti menurun dalam penggunaan dalam beberapa tahun terakhir:

Hari ini lanskap JavaScript telah berubah secara dramatis. Meskipun demikian, masih berguna untuk mengetahui apa yang dapat dilakukan jQuery untuk Anda.

Hal-hal yang kami gunakan jQuery untuk itu sekarang memiliki API browser standar

Memilih elemen DOM

Cara jQuery:

$('.button')

Kita sekarang dapat menggunakan Selectors API:

document.querySelector('.button')

jika Anda memiliki lebih banyak elemen:

document.querySelectorAll('.button')

Tunggu DOM dimuat

Cara jQuery:

$(document).ready(() => {
	 //...
})

Cara DOM:

document.addEventListener("DOMContentLoaded", () => {
  //...
})

Tambahkan atau hapus kelas dari elemen DOM

Cara jQuery:

el.addClass('big')
el.removeClass('big')
el.toggleClass('big')

Cara DOM:

el.classList.add('big')
el.classList.remove('big')
el.classList.toggle('big')

Menghapus elemen dari DOM

Cara jQuery:

el.remove()

Cara DOM:

el.remove()

(benar, tidak ada perubahan)

Ubah konten elemen di DOM

Cara jQuery:

el.text('Hello')
el.html('Hello')
el.text()
el.html()

Cara DOM:

el.innerHTML = 'Hello'
el.textContent = 'Hello'
el.innerHTML
el.textContent

Memilih elemen induk di DOM

Cara jQuery:

el.parent()

Cara DOM:

el.parentNode

Baca Juga : Forum yang Dihosting Sendiri dengan phpBB dan Raspberry PI

Mendengarkan acara pada elemen DOM

Cara jQuery:

el.on('click', (e) => { /* ... */ })

Cara DOM:

el.addEventListener('click', (e) => { /* ... */ })

permintaan AJAX

Cara jQuery:

$.ajax({
  url: '/api.json',
  type: 'GET'
  success: (data) => {
    console.log(data)
  }
})

Cara JS modern:

fetch('/api.json')
  .then(response => response.text())
  .then(body => console.log(body))

Animasi

Animasi jQuery sekarang dapat dilakukan di browser menggunakan Transisi CSS atau Animasi CSS.

Keunikan peramban

Transpile kode Anda menggunakan Babel, atau gunakan polyfill tertentu ( polyfill.io )

Haruskah Anda menggunakan jQuery hari ini?

Mari kita jawab pertanyaan yang diajukan artikel ini dalam judulnya. Jika Anda belum tahu jQuery, apakah layak mempelajarinya sekarang?

Menurut saya jQuery tidak boleh digunakan lagi di proyek baru yang hanya menargetkan browser modern, dan tentu saja jika proyek Anda bergantung padanya karena alasan tertentu, atau hanya karena Anda menggunakan plugin atau kode lain yang membutuhkan jQuery, pasti tetap menggunakannya .

Beberapa perpustakaan juga memiliki ketergantungan pada jQuery, seperti Bootstrap. Anda juga dapat membeli template siap pakai yang hanya menggunakannya dan pluginnya.

Mungkin Anda bekerja dalam tim di mana pengembang frontend tidak semuanya ahli JavaScript dan mereka lebih terbiasa dengan jQuery daripada dengan standar yang lebih baru. Jika ini menyelesaikan pekerjaan, itu keren.

Anda mungkin juga tidak memiliki kemewahan menggunakan teknologi keren terbaru (seperti React atau Vue) karena Anda diharuskan untuk mendukung browser lama, yang memiliki seperangkat standar yang lebih lama. Dalam hal ini, jQuery masih sangat relevan untuk Anda.

Benjamin Sterling - Informasi berserta modul jQuery Terlengkap