Belajar jQuery dengan firebug

firebugDengan menggunakan firebug, kita dapat menyunting, men-debug, memonitor CSS, HTML dan JavaScript. Firebug juga menyediakan command line untuk mengeksekusi JavaScript on the fly. Dengan command line ini, kita dapat mengetes jQuery pada halaman web mana saja. Namun perlu dipastikan jQuery telah disertakan oleh halaman web tersebut. Jika tak mau dipusingkan dengan mengedit sumber berkasnya, Anda bisa memanfaatkan unduhan starter kit (dokumen HTML beserta CSS buat testing) dari jQuery, yaitu berkas html beserta jQuery yang sudah disertakan dalam berkasnya.

Berikut preview menggunakan starter kit jQuery:

starterkit jQuery

Jika Anda menginginkan halaman web lainnya untuk menjadi bahan belajar jQuery, Anda bisa mengetikkan kode berikut di console firebug:

1
2
3
var s = document.createElement('script');
s.src = "http://gedex.web.id/wp-content/jquery.js";
document.body.appendChild(s);

Atau juga memanfaatkan jQuerify Bookmarklet. Untuk mengetes apakah jQuery sudah tersertakan dalam berkas HTML, cobalah fungsi-fungsi jQuery:

1
$("#top").find("a").css({background: "black", color: "red"}).end().css("background", "yellow")

jquery dan firebug

Jika karena suatu hal, pemanggilan dengan alias $() mengembalikan nilai null tetapi berfungsi dengan penggunaan jQuery(), ketikan kode berikut:

1
var $ = jQuery.noConflict();

Jika masih kurang, coba tonton screencast penggunaan jQuery dan firebug dari John Resig (pembuat jQuery). Semoga bermanfaat.

About gedex

Hi, my name is Akeda Bagus, some friends on the net called me gedex. More about Akeda Bagus
This entry was posted in JavaScript and tagged , , . Bookmark the permalink.

9 Responses to Belajar jQuery dengan firebug

  1. jeeroloo says:

    thanks sharing ilmunya bro…
    nubi ikut gelar tikar dimari ya :)

  2. wah ini artikel yang saya cari. mantap

  3. Ghufron says:

    Saya benar-benar baru mau belajar jQuery nih…Jangankan jQuery, Javascript-nya aja nol besar.

  4. Online Business Tips and Information says:

    Terima kasih untuk penjelasan mengenai cara menggunakan firebug. Tapi saya masih bingung, bagaimana cara mencari srip html yang ingin kita edit. Kalau pake firebox udah kelihatan, tapi saya belum bisa menemukan nama file yang perlu di edit. terima kasih Online Business Tips and Iformation

  5. ivanichi says:

    thanks ya.. its make easy.. excelent post

  6. oRiDoâ„¢ says:

    wah..wah..wah..
    serba-serbi komputer nih…
    :)

  7. nicole says:

    I saw your work on deviant art – you have much talent!

  8. farida says:

    mas duh bgus ne

    bsa brbgi2 dunk ya
    ilmux saya pgn bgt bs deain

  9. Willy -KL says:

    Mas….
    Saya salut dengan Anda..
    hehehe… Mas itu kerjaannya jadi engineer ya?

    Pertama kali ke blog ini, pas minggu lalu ingin mencari artikel mengenai Fuzzy Logic.. eh, nyasar ke Line Followernya Mas..

    Makasihh..
    Atas “Pengetahuan yang anda bagi”..

    ^ ^

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">