SlideShare uma empresa Scribd logo
1 de 10
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

Mais conteúdo relacionado

Mais procurados

Ristianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati 2114 r0800 jquery
Ristianawati 2114 r0800 jqueryRistianawati
 
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 mikrotikRistianawati
 
membuat hello world
membuat hello worldmembuat hello world
membuat hello worldcitamaulani
 
Tugas 1 0317 individu
Tugas 1 0317 individuTugas 1 0317 individu
Tugas 1 0317 individueko nofrianto
 
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 JavascriptKuliahKita
 
Hello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniHello World in jQuery-DeviMulyani
Hello World in jQuery-DeviMulyaniSyah Prian
 

Mais procurados (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
 

Semelhante a Jquery

Semelhante a 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 queryJ query
J query
 
J query
J queryJ query
J query
 
J query
J queryJ query
J query
 
J query.
J query.J 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