Pengertian Jquery dan Cara Kerjanya- 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:
$(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
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