Mengenal Lebih jQuery

Mengenal Lebih 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:
$(document).ready(function(){
// baris kode jQuery akan dijalankan
// apabila semua elemen sudah ditampilkan semua
});
2. Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan. Dalam hal ini, jQuery menggunakan fungsi Selector.
$("#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.
$(".sembunyi").click(function(){
$("#foto").hide("slow");
)};
Dengan memahami cara kerja jQuery, semoga lebih mempermudah untuk mempelajari.






Berlangganan update artikel terbaru via email:

0 Response to "Mengenal Lebih jQuery"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel