SlideShare a Scribd company logo
KARTIN YULIYANTI
1102412091
Rombel : 01
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.
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.
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.
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.
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.
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().
•
•
•
•
•
•
•
•
•
•

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.
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
Beberapa plugin jquery yang sering digunakan oleh
beberapa web developer :
• Drop-Down-Menu
• Tool-Tips
• Autocomplete-Search
• Validasi-Form
• JQuery-Cycle-Plugin
• Teks-Berjalan

More Related Content

What's hot

Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
Ristianawati
 
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
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
Ristianawati
 
membuat hello world
membuat hello worldmembuat hello world
membuat hello world
citamaulani
 
Tugas 1 0317 individu
Tugas 1 0317 individuTugas 1 0317 individu
Tugas 1 0317 individu
eko nofrianto
 
ppt j query
ppt j queryppt j query
ppt j query
nur achlish rosyadi
 
Jquery
JqueryJquery
Jquery
utia yahya
 
jQuery
jQueryjQuery
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
Sofi Andrian
 
Cara membuat hello world menggunakan j query
Cara membuat hello world menggunakan j queryCara membuat hello world menggunakan j query
Cara membuat hello world menggunakan j queryimeldabernika
 
Presentasi j query
Presentasi j queryPresentasi j query
Presentasi j queryMei_Silvi
 
Jequary
Jequary Jequary
Jequary p188
 
Pemrograman Web - Manipulasi DOM dengna Javascript
Pemrograman Web - Manipulasi DOM dengna JavascriptPemrograman Web - Manipulasi DOM dengna Javascript
Pemrograman Web - Manipulasi DOM dengna Javascript
KuliahKita
 
J query
J queryJ query
J query
Uun Riun
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyani
Syah Prian
 
JQuery
JQueryJQuery
Khairunnisa 1205467
Khairunnisa 1205467Khairunnisa 1205467
Khairunnisa 1205467
Khairunnisa_UPI
 

What's hot (18)

Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jquery
 
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
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 
membuat hello world
membuat hello worldmembuat hello world
membuat hello world
 
Tugas 1 0317 individu
Tugas 1 0317 individuTugas 1 0317 individu
Tugas 1 0317 individu
 
ppt j query
ppt j queryppt j query
ppt j query
 
Jquery
JqueryJquery
Jquery
 
jQuery
jQueryjQuery
jQuery
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Cara membuat hello world menggunakan j query
Cara membuat hello world menggunakan j queryCara membuat hello world menggunakan j query
Cara membuat hello world menggunakan j query
 
Presentasi j query
Presentasi j queryPresentasi j query
Presentasi j query
 
Jqu
JquJqu
Jqu
 
Jequary
Jequary Jequary
Jequary
 
Pemrograman Web - Manipulasi DOM dengna Javascript
Pemrograman Web - Manipulasi DOM dengna JavascriptPemrograman Web - Manipulasi DOM dengna Javascript
Pemrograman Web - Manipulasi DOM dengna Javascript
 
J query
J queryJ query
J query
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyani
 
JQuery
JQueryJQuery
JQuery
 
Khairunnisa 1205467
Khairunnisa 1205467Khairunnisa 1205467
Khairunnisa 1205467
 

Similar to Jquery

Makalah jquery
Makalah jqueryMakalah jquery
Makalah jquery
Ristianawati
 
JQURTY
JQURTYJQURTY
JQURTY
ucienmapcu
 
Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j query
oratmangun
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
menghilang
 
Penggunaan JQuery
Penggunaan JQueryPenggunaan JQuery
Penggunaan JQuery
Fajar Satrio
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
rizki pradana
 
Jquery
JqueryJquery
Jquery
utia yahya
 
Belajar Jquery
Belajar JqueryBelajar Jquery
Belajar Jquery
Gamz Zewata
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyanideviMulyani
 
J query.
J query.J query.
J query.
musliminstimik
 
J query
J queryJ query
J query
mihyidi
 
J query
J queryJ query
J query
mihyidi
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifahnur_kholi
 
Tugas Rekayasa Web 1
Tugas Rekayasa Web 1Tugas Rekayasa Web 1
Tugas Rekayasa Web 1
fahreza yozi
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602
dewiapril1996
 

Similar to Jquery (18)

Makalah jquery
Makalah jqueryMakalah jquery
Makalah jquery
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
JQURTY
JQURTYJQURTY
JQURTY
 
Jqu
JquJqu
Jqu
 
Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j query
 
Jquery ppt
Jquery pptJquery ppt
Jquery ppt
 
Penggunaan JQuery
Penggunaan JQueryPenggunaan JQuery
Penggunaan JQuery
 
Ppt jquery
Ppt jqueryPpt jquery
Ppt jquery
 
Jquery
JqueryJquery
Jquery
 
Belajar Jquery
Belajar JqueryBelajar Jquery
Belajar Jquery
 
Hello world in j query devimulyani
Hello world in j query devimulyaniHello world in j query devimulyani
Hello world in j query devimulyani
 
J query.
J query.J query.
J query.
 
J query
J queryJ query
J query
 
J query
J queryJ query
J query
 
J query
J queryJ query
J query
 
Tutorial jquery Nur Kholifah
Tutorial  jquery Nur KholifahTutorial  jquery Nur Kholifah
Tutorial jquery Nur Kholifah
 
Tugas Rekayasa Web 1
Tugas Rekayasa Web 1Tugas Rekayasa Web 1
Tugas Rekayasa Web 1
 
Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602Tugas[1] 0317-[dewiapriliani]-[1412510602
Tugas[1] 0317-[dewiapriliani]-[1412510602
 

Jquery

  • 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