Dokumen tersebut membahas tentang pengertian, perkembangan, kelebihan, kekurangan, efek-efek, dan implementasi jQuery. jQuery adalah sebuah framework berbasis JavaScript yang dirancang untuk mempermudah dan mempercepat pengembangan kode JavaScript dengan menyediakan berbagai fungsi dan efek siap pakai.
2. Pengertian
• JQuery adalah sebuah javascript library, jQuery mempunyai semboyan
“write less, do more”. jQuery dirancang untuk memperingkas kode-kode
javascript.
• Pengertian
JQuery adalah sebuah framework berbasiskan Javascript.
JQuery sama dengan Javascript Library yaitu kumpulan kode atau fungsi
Javascript siap pakai, sehingga mempermudah dan mempercepat kita
dalam membuat kode Javascript.
3. Perkembangan
•
JQuery pertama kali dirilis pada tahun 2006 oleh John Resig. Pada
perkembangannya
JQuery
tidak
sekedar
sebagai
framework
Javascript, namun memiliki kehandalan dan kelebihan yang cukup
banyak.
Hal
tersebut
menyebabkan
banyak
developer
web
menggunakannya. JQuery memiliki slogan “Write less, do more” yang
kurang lebih maksudnya adalah kesederhanaan dalam penulisan
code, tapi dengan hasil yang lebih banyak.
4. Kelebihan
• Kemudahan mengakses elemen-elemen HTML
• Memanipulasi elemen HTML
• Memanipulasi CSS
• Penanganan event HTML
• Efek-efek javascript dan animasi
• Website yang dibangun dengan jquery akan lebih interaktif dan menarik.
5. Lanjutan….
• Menyederhanakan
penggunaan javascript, karena kita cukup
menggunakan fungsi dari library javascript yang telah ada. Termasuk
mempercepat coding javascript dalam sebuah website. Dibandingkan
kita harus mulai sebuah script javascript dari nol.
• Fungsi-fungsi yang disediakan didokumentasikan dengan baik beserta
contoh penggunaannya, baca di situs http://jquery.com hal ini
mempermudah dalam pembelajaran jquery.
• Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka
halaman website dan interaksinya.
6. Kekurangan
• Meskipun diklaim jquery memiliki beban kerja yang ringan (load CPU
dan RAM) untuk browser, tetap saja lebih ringan (cepat di-load) website
yang tidak menggunakan jquery, alias HTML murni.
• Dari
sisi server hosting pun, CPU dan RAM harus mengalokasikan
resource yang mereka miliki untuk menangani request terhadap jquery.
Pada level tertentu request yang sangat banyak (sangat-sangat
banyak) akan membebani server. Solusi: host jquery pada situs
lain, seperti Google yang menyediakan request jquery dari servernya.
7. Efek-efek pada Jquery
• Salah
satu kemampuan jQuery adalah adanya fungsi-fungsi efek
yang siap pakai. biasanya untuk membuat efek memudar di
javascript. Dengan menggunakan jQuery kita cukup menggunakan
fungsi $(selector).fadeIn().
8. •
•
•
•
•
•
•
•
•
•
jQuery show() : berguna untuk menampilkan elemen yang tersembunyi.
jQuery hide() : berguna untuk menyembunyikan elemen yang dipilih.
jQuery toggle() : gabungan fungsi hide dan show.
jQuery slideDown() : menampilkan elemen yang tersembunyi , secara efek sliding.
jQuery slideUp() : menyembunyikan elemen secara efek sliding.
jQuery slideToggle() : gabungan antara slideDown() dan slideUp().
jQuery fadeIn() : menampilkan elemen yang dipilih jika tersembunyi.
jQuery fadeOut() : menyembunyikan elemen yang dipilih secara efek memudar.
jQuery fadeTo() : mengatur tingkat kepudaran elemen terpilih menuju tingkat
opacity yang ditentukan.
jQuery animate() : mengubah suatu elemen dari satu keadaan ke keadaan lainnya.
9. Implementasi JQuery
• Kemudahan
atau kenapa orang banyak menggunakan framework
javascript ini adalah karena banyaknya plugin aplikasi yang siap jadi atau
siap digunakan. Plugin adalah semacam fungsi atau fitur tambahan yang
digabungkan ke dalam sebuah JQuery mempercepat atau memudahkan
dalam pembangunan sebuah website
10. Beberapa plugin jquery yang sering digunakan oleh
beberapa web developer :
• Drop-Down-Menu
• Tool-Tips
• Autocomplete-Search
• Validasi-Form
• JQuery-Cycle-Plugin
• Teks-Berjalan