jQuery : Pengenalan

Hai para blogger semua, udah lama nih ga posting tentang IT. Nah, pada kesempatan kali ini saya akan memposting tentang bahasa pemrograman, yaitu jQuery. Apa itu jQuery ? Bagi yang belum tau makanan apa itu, yuk simak artikel ini :D

jQuery pertama dirilis pada tahun 2006 oleh John Resig. Dan kini jQuery telah digunakan oleh beberapa situs yang canggih nan terkenal seperti: Google, Facebook, Twitter, Youtube, Nokia dan masih banyak lagi. Tidak hanya situs interlokal, lokal juga ada kok yang telah memakai jQuery, Contohnya: VivaNews, Studio 21, Kompas dan lain-lain. Selengkapnya bisa dilihat di http://docs.jquery.com/Sites_Using_jQuery

Apa itu jQuery ?

jQuery sendiri adalah Javascript Library atau kumpulan kode/fungsi Javascript siap pakai, sehingga mempermudah kita untuk membuat kode Javascript. Atau dalam kesimpulannya jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya “Write less, do more”.

Mengapa memilih jQuery ?

Ada beberapa alasan mengapa lebih baik menggunakan jQuery daripada library lainnya, antara lain:

• Kompatibel dengan hampir seluruh browser 
• jQuery telah digunakan oleh website-website raksasa
• Kompatibel dengan seluruh versi CSS (dari CSS 1 sampai CSS 3)
• Dokumentasi dan tutorialnya lengkap, bisa langsung dilihat di http://jquery.com 
• Didukung oleh banyak komunitas
• Disupport oleh plugin yang lengkap
• Filenya hanya satu dan ukurannya relatif kecil, sekitar 20kb
• Open source atau Free
• jQuery lebih diminati oleh para developer web saat ini

Apa kemampuan yang dimiliki jQuery ?

Berikut beberapa kemampuan yang dimiliki yang dapat membuat kita berdecak kagum:

• Mempermudah akses dan manipulasi elemen tertentu pada dokumen. 
• Mempermudah modifikasi/perubahan tampilan halaman web. 
• Mempersingkat Ajax (Asynchronous Javacsript and XML). 
• Memiliki API (Application Programming Interface). 
• Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat. 
• Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah.

Bagaimana cara kerja jQuery ? 

Cara kerja jQuery dapat dijabarkan sebagai berikut, masih menggunakan contoh diatas sebagai penjelasannya :

1. jQuery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semua di halaman web, fungsi yang digunakan adalah:
   
   Source Code:

   $(document).ready(function(){
   // baris kode jQuery akan dijalankan
   // apabila semua elemen sudah ditampilkan
   });
2. Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan. Dalam hal ini, jQuery menggunakan fungsi Selector.
   
   Source Code:

   $("#foto")
   $(".sembunyi")
   $(".tampil")
3. Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yang sudah dipilih. Misalnya tombol yang akan menyembunyikan dan memunculkan kembali gambar.
   
   Source Code:

   $(".sembunyi").click(function(){
   $("#foto").hide("slow");
   )};

Dengan memahami cara kerja jQuery, semoga lebih mempermudah untuk mempelajari.

Terima Kasih Sudah Membaca ! Semoga Bermanfaat Untuk Anda :D