February 13th, 2008
JQuery akhir-akhir ini selalu menjadi pilihan saya jika ingin berkreasi dengan Javascript. Penggunaannya yang mudah, tapi bisa melakukan segala macam yang kita inginkan, adalah salah satu alasan kenapa saya lebih memilih JQuery dibandingkan dengan Javascript Framework lain.
Apa itu Javascript Framework?
Framework, jika diterjemahkan ke bahasa kita, bisa berarti “area kerja”, atau “lingkungan kerja”. Dalam bahasa susahnya, berarti sebuah area kerja yang sudah disediakan fungsi-fungsi yang kita tinggal menggunakannya. Jadi tidak perlu lagi membuatnya dari awal.
Analoginya, seperti kita menyewa sebuah kantor yang didalamnya sudah terdapat semua macam kebutuhan kantor seperti telepon, meja kerja, ruangan, dapur, dan lain-lain. Nah, Framework ini juga berarti sama. Sebuah framework sudah banyak menyediakan kegunaan-kegunaan yang dengan mudah kita gunakan.
Framework inilah yang kini menjadi trend di dunia pemrograman. Tidak hanya di Javascript, tapi juga di PHP. Dan pengertian Framework semua sama.
JQuery dan kemudahannya
JQuery punya sebuah slogan yang “ngena” banget. “Write less, do more” memang bukan sembarang slogan. Menulis sedikit, bisa melakukan hal yang banyak.
Mari kita tengok bagaimana JQuery mempermudah kita.
Jika kita punya halaman HTML seperti ini:
<div id="container">This is container</div>
Maka kita bisa memperlakukan banyak hal dengan JQuery. Pemanggilan objek container bisa dilakukan sama seperti anda memperlakukannya di CSS.
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$("#container").append("<strong>Ini hasil tambahan dari JQuery</strong>");
</script>
Untuk keterangan lebih lanjut, bisa dibaca manual JQuery di websitenya sendiri.
Cukup sudah perkenalannya, sekarang saya akan tunjukkan bagaimana kita bisa melakukan banyak hal dengan JQuery. Sebagai perkenalan, mari kita lihat dulu contohnya di sebuah web yang baru saja selesai saya buat dengan menggunakan Codeigniter dan JQuery. Untuk tutorial selanjutnya, saya akan membahas bagaimana kita bisa mengubah Radio Button dan Checkbox menjadi lebih “menjual”… :D
16 Responses
anjrit! ini gimana masukin code!
*gugling*
kalo bahasan koding2ang kagak paham… :(
wah sekarang di moderasi dulu yah…???
lanjut tutorialnya, nanggung ah :)
Iki udu Tutorial nek sak ciprit ngene iki :D
nunggu lanjutannya aja ah.
kalau bisa, yang di website manualnya pindah ke sini semua :d
@jauhari: :d
wah terusane endhi kang…
jQuery emang keren… gw juga ada buat tutorialnya di web gw.
salam,
Tutorial Ajax
semua html-nya di tampilkan disini dong mas … bingung ini.
keren mas :D
Memanh Dunia IT makin berkembang saja.
jadi untuk membangunnya berikan dasarnya dulu baru berjalan.just do it
downloadnya dimana sih jquery? and bentuknya kayak dreamweaver or?
waoo… bisa digabungin sama codeigniter nih kayaknya
nyobain dulu bro..
thx
bingung mas blum pernah mainan js,…csss…..dlll
tambah pusing kalo baca tutorial …ngk da pembimbing surrrrr……
tolong dong mas, dibikinkan tutorial penggunaan jquery carousel, tp versi bhs indonesia, hehe, thx
[...] http://didats.net/page/belajar-javascript-lebih-lanjut-dengan-jquery-1/ [...]