Apa Itu JQuery Dan Fungsinya

Pada tutorial kali ini akan membahas tentang apa itu JQuery dan fungsinya pada halaman website.

JQuery merupakan library pustaka Javascript siap pakai, berkode sumber terbuka (open source) dan sangat ringan untuk digunakan. Library ini dirilis pada January 2006 di Barcamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. JQuery sendiri memiliki moto, “Write Less Do More” yang kurang lebih berarti “Minim Penulisan, Pekerjaan Maksimal”.

apa itu jquery dan fungsinya

Banyak website – website ternama yang menggunakan JQuery seperti Microsoft, Google, Oracle, IBM, Twitter, Facebook, Amazon, WordPress, Dig, Time, Mozilla dan lain sebagainya. Ada beberapa hal yang bisa dilakukan oleh JQuery pada halaman website, yakni :

  1. Mudah dalam merubah struktur elemen pada halaman website. Seperti menambah, menghapus, merubah, dan memilih elemen.
  2. Mudah dalam menambah animasi ke dalam halaman website.
  3. Mudah dalam mendesain ulang elemen halaman.
  4. Mudah dalam merubah style CSS seperti warna / typography.
  5. Mudah Mengambil data dari server tanpa harus merefresh seluruh halaman. Metode ini merupakan salah satu konsep dari AJAX.

Tujuan dibuatnya library JQuery adalah memang untuk mempermudah pengerjaan kode Javascript.

Namun, sebelum mempelajari JQuery lebih lanjut, ada baiknya anda sudah mempelajari bahasa website di bawah ini :

  1. HTML
  2. CSS
  3. Javascript

Perbandingan Jquery dengan Javascript.

Jquery mempermudah penulisan Javascript dalam hal memilih elemen HTML, menangani event seperti membuat accordion / slider, membuat animasi dan melakukan pemrograman dinamis seperti penggunaan Ajax.

Contoh bila pada saat memilih elemen HTML, jika pada Javascript penulisannya adalah seperti ini :

Sedangkan pada Jquery anda cukup menulisnya seperti ini :

Misal, terdapat elemen HTML seperti ini :

Kemudian kita ingin menghubungkannya dengan kode Javascript, maka penulisannya akan lebih panjang dibanding menggunakan kode Jquery.

Sekarang, bandingkan dengan penulisan menggunakan Jquery :

Lebih singkat kan ?. Inilah kelebihan jika menggunakan Jquery, karena tujuan penciptaan Jquery adalah untuk meringkas kode Javascript, sehingga developer bisa membuat halaman website lebih cepat dan tentunya lebih singkat dalam hal pembuatan source – codenya. Namun tetap penulis anjurkan agar anda mempelajari kode Javascript lebih dulu.

Jquery pun juga telah menyiapkan method khusus guna menangani pembuatan animasi seperti hide(), show(), fadeIn(), fadeOut(), fadeToggle(), slideUp(), slideDown(), slideToggle(), animate() dan juga method – method lainnya.


Demikian tutorial dari apa itu JQuery dan fungsinya pada halaman website.

Jika ada pertanyaan lebih lanjut, silakan tulis di kolom komentar di bawah ini.

Leave a comment

Your email address will not be published. Required fields are marked *

× Contact Us