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.
Begitulah postingan Pengertian Jquery dan Cara Kerjanya semoga bisa membantu
Pengertian Jquery dan Cara Kerjanya
