SlideShare uma empresa Scribd logo
1 de 11
Sofi Andriyanto
1102412047
Sejarah jQuery
Jquery tentu saja tidak bisa lahir begitu saja, adalah John Resig sekitar tahun
2005 mulai mengembangkan salah satu teknologi pengembangan web ini. Baru
pada 14 Januari 2006, jQuery pertama kali dirilis.
Pengertian jQuery
JQuery adalah javascript library yang sangat efisien untuk menangani dokumen
HTML, menangani event, membuat animasi dan interakasi ajax.
jQuery dirancang untuk memperingkas kode-kode javascript. jQuery juga
memiliki semboyan yakni “write less, do more”.
Library jQuery mempunyai beberapa kemampuan, diantaranya:
 Memberi kemudahan dalam mengakses elemen-elemen HTML
 Mengakses bagian halaman tertentu dengan mudah
 Dapat memanipulasi elemen HTML
 Juga dapat memanipulasi CSS
 Penanganan event HTML
Sintaks jQuery
Sintaks jquery dibuat untuk memilih elemen-elemen HTML dan melakukan aksi
terhadap elemen yang dipilih tersebut.
Sintaks :
$(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.
jQuery Selectors
Selectors memungkinkan Anda untuk memanipulasi elemen HTML sebagai
kelompok atau sebagai elemen tunggal.
jQuery Element Selectors
 jQuery mirip CSS dalam hal memilih elemen HTML.
 $("p") memilih semua elemen <p>
 $("p.intro") memilih semua elemen <p> yang mempunyai class="intro".
 $("p#demo") memilih elemen <p> yang mempunyai id="demo".
jQuery Events
Salah satu kegunaan utama jquery adalah dapat menangani event. Dalam
pemograman jquery, biasanya kode pemograman diletakkan di dalam
penanganan event yang terjadi pada suatu atau kelompok elemen yang dipilih.
Efek-Efek dengan jQuery
Salah satu keunggulan yang dimiliki jquery adalah, terdapat fungsi-fungsi efek
yang siap pakai. Beberapa contoh efek pada Query:
 jQuery show() Effect
 jQuery hide() Effect
 jQuery toggle() Effect
 jQuery slideDown() Effect
 jQuery slideUp() Effect
Kemampuan-Kemampuan jQuery
 Mengakses Bagian Halaman Tertentu dengan Mudah.
 Mengubah Tampilan Bagian Halaman Tertentu.
 Mengubah Isi dari Halaman.
 Merespond Interaksi User dalam Halaman.

 Menambahkan Animasi ke Halaman.
Selesai
dan
Terima Kasih

Mais conteúdo relacionado

Mais procurados

Jquery codeigniter
Jquery codeigniterJquery codeigniter
Jquery codeigniterAbdy Mulky
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - JavascriptHari Setiaji
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati
 

Mais procurados (6)

Jquery codeigniter
Jquery codeigniterJquery codeigniter
Jquery codeigniter
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - Javascript
 
Jquery
JqueryJquery
Jquery
 
J query
J queryJ query
J query
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 

Destaque

03 vector-cm mi-2013_vector_rconde
03 vector-cm mi-2013_vector_rconde03 vector-cm mi-2013_vector_rconde
03 vector-cm mi-2013_vector_rcondeCAELUM-CMMI
 
Bioelementos o Elementos Biogenéscios
Bioelementos o Elementos BiogenésciosBioelementos o Elementos Biogenéscios
Bioelementos o Elementos BiogenésciosVivi Aguilar
 
Throwing caution to China’s wind
Throwing caution to China’s windThrowing caution to China’s wind
Throwing caution to China’s windJohn Jeffery
 
Global warming
Global warmingGlobal warming
Global warmingGCUF
 
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...TTBVS
 

Destaque (7)

Pickled fish
Pickled fishPickled fish
Pickled fish
 
03 vector-cm mi-2013_vector_rconde
03 vector-cm mi-2013_vector_rconde03 vector-cm mi-2013_vector_rconde
03 vector-cm mi-2013_vector_rconde
 
Bioelementos o Elementos Biogenéscios
Bioelementos o Elementos BiogenésciosBioelementos o Elementos Biogenéscios
Bioelementos o Elementos Biogenéscios
 
Throwing caution to China’s wind
Throwing caution to China’s windThrowing caution to China’s wind
Throwing caution to China’s wind
 
Global warming
Global warmingGlobal warming
Global warming
 
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...
Alarm System/Home Alarm/Independent Gas Leakage Detector with Wired networkin...
 
Amazing
AmazingAmazing
Amazing
 

Semelhante a Ppt jquery

Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquerymutia902
 
Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j queryoratmangun
 
Jequary
Jequary Jequary
Jequary p188
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt044249
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formHutommo Bagus
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifahnur_kholi
 
membuat hello world
membuat hello worldmembuat hello world
membuat hello worldcitamaulani
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniSyah Prian
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyanideviMulyani
 

Semelhante a Ppt jquery (20)

Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquery
 
ppt j query
ppt j queryppt j query
ppt j query
 
JQUERY
JQUERYJQUERY
JQUERY
 
Jquery
JqueryJquery
Jquery
 
Jqu
JquJqu
Jqu
 
Jqu
JquJqu
Jqu
 
Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j query
 
Jequary
Jequary Jequary
Jequary
 
Jquery
JqueryJquery
Jquery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Penggunaan JQuery
Penggunaan JQueryPenggunaan JQuery
Penggunaan JQuery
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
JQURTY
JQURTYJQURTY
JQURTY
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi form
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifah
 
membuat hello world
membuat hello worldmembuat hello world
membuat hello world
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyani
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyani
 
Jquery id
Jquery idJquery id
Jquery id
 

Ppt jquery

  • 2. Sejarah jQuery Jquery tentu saja tidak bisa lahir begitu saja, adalah John Resig sekitar tahun 2005 mulai mengembangkan salah satu teknologi pengembangan web ini. Baru pada 14 Januari 2006, jQuery pertama kali dirilis.
  • 3. Pengertian jQuery JQuery adalah javascript library yang sangat efisien untuk menangani dokumen HTML, menangani event, membuat animasi dan interakasi ajax. jQuery dirancang untuk memperingkas kode-kode javascript. jQuery juga memiliki semboyan yakni “write less, do more”.
  • 4. Library jQuery mempunyai beberapa kemampuan, diantaranya:  Memberi kemudahan dalam mengakses elemen-elemen HTML  Mengakses bagian halaman tertentu dengan mudah  Dapat memanipulasi elemen HTML  Juga dapat memanipulasi CSS  Penanganan event HTML
  • 5. Sintaks jQuery Sintaks jquery dibuat untuk memilih elemen-elemen HTML dan melakukan aksi terhadap elemen yang dipilih tersebut. Sintaks : $(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. jQuery Selectors Selectors memungkinkan Anda untuk memanipulasi elemen HTML sebagai kelompok atau sebagai elemen tunggal.
  • 7. jQuery Element Selectors  jQuery mirip CSS dalam hal memilih elemen HTML.  $("p") memilih semua elemen <p>  $("p.intro") memilih semua elemen <p> yang mempunyai class="intro".  $("p#demo") memilih elemen <p> yang mempunyai id="demo".
  • 8. jQuery Events Salah satu kegunaan utama jquery adalah dapat menangani event. Dalam pemograman jquery, biasanya kode pemograman diletakkan di dalam penanganan event yang terjadi pada suatu atau kelompok elemen yang dipilih.
  • 9. Efek-Efek dengan jQuery Salah satu keunggulan yang dimiliki jquery adalah, terdapat fungsi-fungsi efek yang siap pakai. Beberapa contoh efek pada Query:  jQuery show() Effect  jQuery hide() Effect  jQuery toggle() Effect  jQuery slideDown() Effect  jQuery slideUp() Effect
  • 10. Kemampuan-Kemampuan jQuery  Mengakses Bagian Halaman Tertentu dengan Mudah.  Mengubah Tampilan Bagian Halaman Tertentu.  Mengubah Isi dari Halaman.  Merespond Interaksi User dalam Halaman.  Menambahkan Animasi ke Halaman.