SlideShare a Scribd company logo
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

More Related Content

What's hot

Jquery codeigniter
Jquery codeigniterJquery codeigniter
Jquery codeigniterAbdy Mulky
 
Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
Ristianawati
 
Web Programming - Javascript
Web Programming - JavascriptWeb Programming - Javascript
Web Programming - Javascript
Hari Setiaji
 
Jquery
JqueryJquery
Jquery
utia yahya
 
J query
J queryJ query
J query
Uun Riun
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
Ristianawati
 

What's hot (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
 

Viewers also liked

Pickled fish
Pickled fishPickled fish
Pickled fish
Barry Brown
 
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
CAELUM-CMMI
 
Bioelementos o Elementos Biogenéscios
Bioelementos o Elementos BiogenésciosBioelementos o Elementos Biogenéscios
Bioelementos o Elementos Biogenéscios
Vivi Aguilar
 
Throwing caution to China’s wind
Throwing caution to China’s windThrowing caution to China’s wind
Throwing caution to China’s wind
John Jeffery
 
Global warming
Global warmingGlobal warming
Global warming
GCUF
 
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
 
Amazing
AmazingAmazing
Amazing
Shanky Kunj
 

Viewers also liked (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
 

Similar to Ppt jquery

Ppt pengenalan jquery
Ppt pengenalan jqueryPpt pengenalan jquery
Ppt pengenalan jquerymutia902
 
ppt j query
ppt j queryppt j query
ppt j query
nur achlish rosyadi
 
JQUERY
JQUERYJQUERY
JQUERY
agus248
 
Jquery
JqueryJquery
Jquery
utia yahya
 
Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j query
oratmangun
 
Jequary
Jequary Jequary
Jequary p188
 
Jquery
JqueryJquery
Jquery
agus248
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
044249
 
Penggunaan JQuery
Penggunaan JQueryPenggunaan JQuery
Penggunaan JQuery
Fajar Satrio
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
menghilang
 
JQURTY
JQURTYJQURTY
JQURTY
ucienmapcu
 
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
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
rizki pradana
 
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 world
citamaulani
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyani
Syah Prian
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyanideviMulyani
 
JQuery
JQueryJQuery

Similar to 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
JQueryJQuery
JQuery
 

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.