JQuery

1. Oleh: Mohamad Yusron
NIM :2114R0775

2. • JQuery adalah sebuah javascript library, jQuery
mempunyai semboyan “write less, do more”. jQuery
dirancang untuk memperingkas kode-kode javascript
• JQuery adalah javascript library yang cepat dan ringan
untuk menangani dokumen HTML, menangani event,
membuat animasi dan interakasi ajax
• jQuery dirancang untuk mengubah cara anda menulis
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.  1. Kemudahan mengakses elemen-elemen HTML
 2. Memanipulasi elemen HTML
 3. Memanipulasi CSS
 4. Penanganan event HTML
 5. Efek-efek javascript dan animasi
 6. 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.
 7. Fungsi-fungsi yang disediakan didokumentasikan dengan baik beserta contoh
penggunaannya, baca di situs http://jquery.com hal ini mempermudah dalam
pembelajaran jquery.
 8. Support terhadap CSS1-3 selector, untuk fleksibilitas desain antar muka halaman
website dan interaksinya.
 9. Website yang dibangun dengan jquery akan lebih interaktif dan menarik.

4.  1. 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.
 2. Dari sisi server hosting pun, CPU dan RAM harus
mengalokasikan resource yang mereka miliki untuk menangani
request terhadap jquery.
 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.

5. • Sintaks jquery biasanya dibuat untuk
memilih elemen-elemen HTML dan
melakukan aksi terhadap elemen yang
dipilih. Berikut adalah sintaks jQuery:
• $(selector).action()
• • Tanda dollar, untuk mendefinisikan
jQuery
• • (selector), untuk menunjukkan elemen
yang dipilih atau dituju
• • action(), adalah jQuery action yang akan
dilakukan terhadap elemen yang dipilih.

6.  Selector memungkinkan anda untuk
memanipulasi elemen HTML sebagai
kelompok atau sebagai elemen tunggal.
jquery elemen selectors dan attribute

7. ".JQuery mirip XPath dalam hal memilih elemen berdasarkan
atribut yang ada:
1. $("[href]") memilih semua elemen dengan atribut href.
2. $("[href='#']") memilih semua elemen dengan atribut href
bernilai = "#".
3. $("[href!='#']") memilih semua elemen dengan atribut href
dengan nilai bukan sama dengan "#".
4. $("[href$='.jpg']") memilih semua elemen dengan atribut
href yang mengandung ".jpg".

8.  1. jQuery show() : berguna untuk menampilkan elemen yang
tersembunyi.
 2. jQuery hide() : berguna untuk menyembunyikan elemen
yang dipilih.
 3. jQuery toggle() : gabungan fungsi hide dan show.
 4. jQuery slideDown() : menampilkan elemen yang
tersembunyi , secara efek sliding.
 5. jQuery slideUp() : menyembunyikan elemen secara efek
sliding.
 6. jQuery slideToggle() : gabungan antara slideDown() dan
slideUp().
 7. jQuery fadeIn() : menampilkan elemen yang dipilih jika
tersembunyi.
 8. jQuery fadeOut() : menyembunyikan elemen yang dipilih
secara efek memudar.
 9. jQuery fadeTo() : mengatur tingkat kepudaran elemen
terpilih menuju tingkat opacity yang ditentukan.
 10. jQuery animate() : mengubah suatu elemen dari satu
keadaan ke keadaan lainnya.

9.  a. Drop-Down-Menu
 b. Tool -Tips
 c. Autocomplete-Search
 d. Validasi-Form
 e. JQuery-Cycle-Plugin
 f. Teks-Berjalan

10.  1. click()
 2. dbclick()
 3. focus()
 4. hover()
 5. mouseleave()
 6. mousemove()
 7. mouseout()
 8. mouseover()
 9. mouseenter()
 10. scroll()
 11. select()

11.  a. click()
 b. dblclick()
 c. focus()
 d. mouseover()
 e. mouseout()
 f. mouseenter()
 g. mouseleave()
 h. hover()
 i. scroll()
 j. select()

12.  1. Panggil / Load library jQuery
 2. buat script jquery di bagian head untuk
mengontrol object berdasarkan
elementnya
 Buat Object beserta elemennya berupa id
dan class

13.  Desrizal, 2010, Panduan Lengkap PHP
AJAX & JQuery,
www.blog.codingwear.com
 Desrizal, Pengenalan jQuery,
http://www.desrizal.com
 www.scribd.com diakses 23 November
2013