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.

Related posts:

  1. Belajar Javascript lebih lanjut dengan JQuery (2) Membuat form dengan AJAX Membuat form adalah hal biasa dalam...
  2. Playing CSS under Javascript Tired with different result between IE and the other browsers?...
  3. Belajar CSS yuk (1) Entah, saya bingung, sudah mencoba menulis, tapi tetap saja, tulisan...
  4. Tutorial WordPress: Membuat daftar komentar lebih menarik Saya masih saja agak kesulitan untuk menulis tutorial baru tentang...
  5. Tips CSS(2): Bersahabat dengan IE Seperti yang kita tahu, IE “sangat spesial”. Karena ia tidak...



Kategori:blog, tutorial



16 Responses

  1. Didats Triadi says:

    anjrit! ini gimana masukin code!
    *gugling*

  2. az&fa says:

    kalo bahasan koding2ang kagak paham… :(

  3. az&fa says:

    wah sekarang di moderasi dulu yah…???

  4. adi says:

    lanjut tutorialnya, nanggung ah :)

  5. Jauhari says:

    Iki udu Tutorial nek sak ciprit ngene iki :D

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

    @jauhari: :d

  7. Agung says:

    wah terusane endhi kang…

  8. ayaw says:

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

    salam,
    Tutorial Ajax

  9. laZ says:

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

  10. toplez says:

    keren mas :D

  11. diah says:

    Memanh Dunia IT makin berkembang saja.
    jadi untuk membangunnya berikan dasarnya dulu baru berjalan.just do it

  12. adita says:

    downloadnya dimana sih jquery? and bentuknya kayak dreamweaver or?

  13. tentangrifai says:

    waoo… bisa digabungin sama codeigniter nih kayaknya

    nyobain dulu bro..

    thx

  14. benito17 says:

    bingung mas blum pernah mainan js,…csss…..dlll

    tambah pusing kalo baca tutorial …ngk da pembimbing surrrrr……

  15. sepakbola24 says:

    tolong dong mas, dibikinkan tutorial penggunaan jquery carousel, tp versi bhs indonesia, hehe, thx