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.