blog, tutorial

Belajar Javascript lebih lanjut dengan JQuery (1)

February 13th, 2008

JQueryJQuery 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

Silahkan ditengok.


Share:
These icons link to social bookmarking sites where readers can share and discover new web pages.

  • bodytext
  • del.icio.us
  • Facebook
  • Google
  • Ma.gnolia
  • StumbleUpon
  • Technorati

Daftar sekarang juga untuk cara gampang dapat uang lewat blog


10 Comments


Gravatar
#1. Didats Triadi » 13.02.2008

anjrit! ini gimana masukin code!
*gugling*

Gravatar
#2. az&fa » 13.02.2008

kalo bahasan koding2ang kagak paham… :(

Gravatar
#3. az&fa » 13.02.2008

wah sekarang di moderasi dulu yah…???

Gravatar
#4. adi » 13.02.2008

lanjut tutorialnya, nanggung ah :)

Gravatar
#5. Jauhari » 13.02.2008

Iki udu Tutorial nek sak ciprit ngene iki :D

Gravatar
#6. Deny Sri Supriyono » 13.02.2008

nunggu lanjutannya aja ah.
kalau bisa, yang di website manualnya pindah ke sini semua :d

@jauhari: :d

Gravatar
#7. Agung » 20.02.2008

wah terusane endhi kang…

Gravatar
#8. ayaw » 22.05.2008

jQuery emang keren… gw juga ada buat tutorialnya di web gw.

salam,
Tutorial Ajax

Gravatar
#9. laZ » 12.06.2008

semua html-nya di tampilkan disini dong mas … bingung ini.

Gravatar
#10. toplez » 04.07.2008

keren mas :D

Leave a Reply




Daftar sekarang juga untuk cara gampang dapat uang lewat blog