![".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".](https://image.slidesharecdn.com/pengenalandanimplementasijquery-141116090515-conversion-gate02/85/Pengenalan-dan-implementasi-j-query-7-320.jpg)
Pengenalan dan implementasi j query
- 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