jQuery Vs JavaScript : Perbedaan – Kelebihan dan Kekurangannya

Dalam artikel ini menyajikan perbedaan (dan kesamaan) antara JavaScript dan jQuery dimana keduanya merupakan sumber daya pemrograman populer. Mari kita mulai dengan melihat penjelasan diantara keduanya secara terpiah, kemudian melihat perbedaan antara jQuery vs JavaScript.

Apa itu JavaScript ?

JavaScript, sering disingkat JS, adalah bahasa pemrograman berbasis prototipe yang digunakan untuk meningkatkan interaktivitas di situs web. Salah satu dari tiga teknologi inti (CSS dan HTML adalah dua lainnya) yang digunakan untuk membuat halaman web. JavaScript meningkatkan fungsi user interface (UI) dengan elemen pendukung seperti animasi, game, eye-catching flash, pop-up, dan validasi sisi klien. Jika Kita menyukai halaman web Kita dengan banyak animasi dan kemampuan untuk melakukan over mouse dan klik mouse, maka direkomendasikan untuk menggunakan JavaScript.

Setiap browser web mendukung JavaScript melalui mesin bawaan yang mengidentifikasi kode dan fungsi JavaScript. Meskipun awalnya digunakan pada browser sisi klien, JavaScript sekarang telah menyediakan fitur dan fungsionalitas untuk semua cara host perangkat lunak yang ditemukan di database sisi server dan server web.

Perlu diketahui bahwa, bahasa JavaScript ini tidak ada hubungannya dengan bahasa pemrograman Java.

Berikut contoh script JavaScript :

Skrip berikut menampilkan salam, disesuaikan pada jam berapa.

 <script language="javascript">

var now = new Date();

if(now.getHours() < 12)

document.write('Good Day!');

else

document.write('Good Evening!');

</script>

Sayangnya, jika JavaScript telah dinonaktifkan di browser target, maka tidak ada proses render, dan pengguna akan melihat celah di halaman web tersebut.

Kelebihan JavaScript

Berikut adalah beberapa kelebihan dari JavaScript yaitu :

• Lebih mudah untuk dipelajari
• JavaScript lebih ringan dan lebih cepat
• Lebih mudah untuk melihat dan memperbaiki kesalahan
• JavaScript dapat digunakan di lebih banyak platform dan browser
• Tidak memerlukan compiler karena browser web menggunakan HTML untuk mengompilasi JavaScript

Apa itu jQuery ?

Ketika mencari definisi yang baik dari jQuery, kita hanya perlu melihat di situs web yang sebenarnya. jQuery.com dengan mendefinisikannya sebagai “… library JavaScript yang cepat, kecil, dan kaya fitur. Ini membuat hal-hal seperti traversal dan manipulasi dokumen HTML, event handling, animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan serta berfungsi di banyak browser.”

Oleh karena itu, tidak seperti JavaScript, jQuery bukan bahasa pemrograman, melainkan library lintas platform yang dikembangkan dari JavaScript.

Berikut contoh script jQuery :

Skrip berikut ini sama seperti contoh salam sebelumnya, tetapi kali ini, sebagai skrip jQuery.

<p title=”Pesan Selamat Siang”>Selamat Siang!</p>

Contoh di atas disebut “judul”, dirender dalam (X)HTML, lebih mudah digunakan dan dibaca. Programmer yang menggunakan atribut title dalam contoh di bawah ini bersama dengan fitur selector dapat memilih judul di jQuery. Jadi, JavaScript yang digunakan dalam contoh jQuery ini berada dalam file skrip eksternal. Sementara itu, halaman dirender dengan HTML standar (X), jadi meskipun JavaScript tidak dijalankan, halaman tetap benar-benar murni (X)HTML.

var now = new Date();

if(now.getHours() >= 12)

{

var goodDay = $(‘p[title=”Pesan Selamat Siang”]’);

goodDay.text(‘Selamat Malam!’);

}

Contoh di atas menunjukkan kepada Kita bagaimana cara merencanakan kemungkinan browser target tidak menjalankan JavaScript.

Kelebihan jQuery

jQuery memiliki banyak hal untuk ditawarkan kepada pengembang web. Manfaatnya meliputi :

• Memungkinkan pengembang/programmer menulis JavaScript lebih cepat dan lebih mudah
• Bekerja dengan beberapa browser, sehingga kode kompatibel terlepas dari fitur apa pun dan konten browser
• Memadatkan aksi JavaScript yang paling umum ke dalam baris kode yang lebih sedikit
• Membantu Kita menghindari kesalahan browser secara umum
• Menyederhanakan operasi kompleks seperti animasi, event handling, dan interaksi Ajax
• jQuery adalah tools yang telah digunakan hampir 15 tahun oleh banyak pengguna sehingga bisa dikatakan sangat sukses.

jQuery vs. JavaScript

Berikut adalah beberapa perbedaan Utama antara jQuery dan JavaScript yaitu :