• Embed Doc
  • Copy Link
  • Readcast
  • Collections
  • 2
    CommentGo Back
 
 
JQuery untuk Orang Awam
Halaman | 1
JQuery untuk Orang Awam
Oleh Achmad Solichin *JQuery
merupakan suatu framework (library) Javascript yang menekankan bagaimanainteraksi antara Javascript dan HTML. JQuery pertama kali dirilis pada tahun 2006 olehJohn Resig. Pada perkembangannya JQuery tidak sekedar sebagai framework Javascript,namun memiliki kehandalan dan kelebihan yang cukup banyak. Hal tersebutmenyebabkan banyak developer web menggunakannya. JQuery memiliki slogan
“
Writeless, do more
”
yang kurang lebih maksudnya adalah kesederhanaan dalam penulisancode, tapi dengan hasil yang lebih banyak.JQuery merupakan library open source dengan lisensi GNU General Public License danMIT License. Dari sisi ukurannya, framework JQuery sungguh ramping, hanya sekitar 20KB dan hanya terdiri dari satu file. Namun demikian, bagi yang menginginkan fungsilebih, JQuery memungkinkan penambahan fungsionalitas dalam bentuk plugin. Saat initersedia ribuan plugin yang dapat diperoleh secara gratis di internet.
Apa yang bisa dilakukan dengan JQuery?
1.
 
Mengakses bagian halaman tertentu dengan mudah.
Tanpa adanya library Javascript khusus, untuk mengakses suatu bagian tertentu darihalaman, harus mengikuti aturan Document Object Model (DOM) dan pengaksesanharus secara spesifik menyesuaikan dengan struktur HTML. Dengan kata lain,pengaksesan bagian tertentu dari halaman sangat tergantung pada struktur dariHTML. JQuery menawarkan cara yang mudah (bahkan sangat mudah) dalammengakses bagian tertentu dari halaman. Pengaksesan juga tidak terlalu bergantungpada struktur HTML.
2.
 
Mengubah tampilan bagian halaman tertentu.
CSS (Cascading Style Sheet) menawarkan metode yang cukup handal dalammengatur dan mempercantik halaman web. Namun terkadang CSS punyakelemahan yang cukup mengganggu, yaitu beberapa perintah CSS tidak didukungoleh semua browser. Cukup merepotkan jika kita harus mendesign halaman webdengan beberapa CSS sekaligus. Sekali lagi JQuery menawarkan solusi untukmengatasi hal tersebut. D
engan JQuery, “kesenjangan” yang terjadi antara browser
dalam urusan CSS akan tertutup dengan baik.
 
 
JQuery untuk Orang Awam
Halaman | 2
3.
 
Mengubah isi dari halaman.
Jaman dulu (baca:sebelum JQuery lahir) cukup sulit jika kita akan mengubahsebagian isi dari halaman. Mengubah disini dapat berarti mengganti teks,menambahkan teks atau gambar, mengurutkan suatu daftar (list), menghapus baristabel dan sebagainya. Dengan JQuery, hal tersebut dapat dilakukan dengan hanyabeberapa baris perintah.
4.
 
Merespond interaksi user dalam halaman.
Website yang baik tidak cukup digambarkan dengan user-interface dan tampilanyang memukau. Namun lebih dari itu, bagaimana pengunjung dapat berinteraksidengan website dan dapat mengatur tampilannya sendiri. Interaktivitas sangatbergantung bagaimana pemrograman yang dipakai dalam menangani event-handling. Javascript sendiri memiliki beberapa event-handling seperti onclick untukmenangani event saat terjadi click. Namun demikian, event handling pada Javascriptterbatas pada object-object tertentu, dan jenisnya pun terbatas. JQuery melengkapisemuanya dengan tambahan penanganan event-handling yang semakin mudah.
5.
 
Menambahkan animasi ke halaman.
Animasi seringkali disertakan dalam suatu halaman web untuk menambahkecantikannya. Saat ini animasi masih cukup digemari oleh para peselancar situs.Animasi dapat dibuat dalam berbagai gaya, ada yang menggunakan Flash, gambarbergerak (GIF), video, dan sebagainya. Masing-masing tentu memiliki kelebihan dankekurangan masing-masing. JQuery sendiri menawarkan konsep animasi (walaupunmasih sederhana) yang cukup apik namun ramah bandwidth alias ringan. Salah satuanimasi yang bisa dibuat dengan JQuery adalah
 fading
jika terdapat suatu bagiandari halaman ditambahkan atau dihilangkan.
6.
 
Mengambil informasi dari server tanpa me-refresh seluruh halaman.
Mengambil informasi dari server tanpa refresh halaman merupakan salah satukonsep dasar dari yang namanya AJAX (Asynchronous Javascript and XML). Padapenerapannya, cukup ribet jika harus membangun website dengan konsep AJAX,saat ini banyak library khusus yang berusaha mempermudahnya. JQuery merupakansalah satunya.
7.
 
Menyederhanakan penulisan Javascript biasa.
Semboyan JQuery adalah
“
Write less, do more
”
atau dengan kata lainkesederhanaan dalam penulisan code, tetapi menghasilnya tampilan yang lebih.Sebenarnya inilah yang menjadi daya tarik tersendiri buat para pengembang webuntuk menggunakan JQuery.
 
 
JQuery untuk Orang Awam
Halaman | 3
Download JQuery
Situs resmi JQuery dapat diakses dihttp://jquery.com/.Dan library JQuery dapat didownload di alamathttp://docs.jquery.com/Downloading_jQuery.Tersedia library  jQuery dalam 2 (dua) jenis yaitu minified dan uncompressed. Minified jika kita inginmenggunakannya saja dalam website kita (ukuran 18 KB), sedangkan uncompressed jikakita berkeinginan turut serta mengembangkan code jQuery.
Contoh Sederhana JQuery
Penjelasan program
1.
 
Pertama, kita harus menyertakan (include) file library JQuery. Pastikan letak dari filelibrary sudah benar.2.
 
Perintah-perintah JQuery.
 
Baris 8
merupakan perintah inisialisasi dimana saat halaman (dokumen) siapditampilkan maka jalankan juga perintah yang ada di dalamnya. Hal ini miripdengan event onLoad yang biasanya diletakkan di tag <body>.
 
Baris 9-11
maksudnya adalah mendefinisikan action yang terjadi saat link denganclass=show ( $(
‘
a.show
’
) ) diklik (lihat link baris ke-22). Jadi jika link di-klik makaparagraf dengan nama class=jquery ( $(
‘
p.jquery
’
) ) akan tampil dengan durasitampil
“
slow
”
. Paragraf yang akan ditampilkan adalah paragraf baris ke-24sampai 27.
 
Baris 13-15
sebaliknya, akan menyembunyikan isi dari paragraf yangmengandung nama class=jquery.2.
 
Isi dari halaman. Perhatikan nama class dari masing-masing object.
of 00

Leave a Comment

You must be to leave a comment.
Submit
Characters: ...
daholicofneki

hadoohh... kok gak bisa di donlod sih :(

reply06 / 26 / 2009
ynorza

emank neh payahhhh,,

03 / 24 / 2010
You must be to leave a comment.
Submit
Characters: ...