在線jQuery外殼/解析器

Question

是否有一個jquery外殼/解析器模擬在線，我可以在粘貼的HTML片段上輸入簡單的jquery命令並查看它的效果或捕獲它的輸出。這對於理解基本的jquery功能會有幫助，而不是打開一個新的html文件並從頭開始編寫代碼。

歡呼

Answer 1

是的，使用JSBin，只需確保在開始之前從包含菜單中選擇「jQuery」。

Answer 2

您可以在firebug控制檯用於Firefox做到這一點。我經常這樣做。只需轉到任何引用了jQuery庫的頁面，然後寫出你的心！

關於這一點的好處是，您不僅限於一個樣本頁面。當你擁有螢火蟲控制檯時，每一個支持jQuery的網站都可以成爲你的遊樂場。

在FireBug讓您能夠修改頁面的源代碼之前，您可以將任何額外的HTML粘貼到任何頁面上，然後針對您新粘貼的HTML編寫更多jQuery。

顯然有一個擴展名爲FireQuery螢火蟲，以方便這件事情。

Answer 3

您可能還想嘗試Jquerify，它提供了一個處理Jquery的firebug的句柄。你可以用它做一些非常漂亮的事情。

Answer 4

如果你沒有螢火蟲，或者如果你不使用Firefox的你可以嘗試螢火蟲精簡版：

http://getfirebug.com/lite.html

特別有用的是書籤。向下滾動至「Firebug lite as bookmarklet」部分，並將該鏈接另存爲書籤。現在打開您想要嘗試使用jQuery的頁面並加載小書籤。

如果頁面沒有jQuery的已經加載，你可以輸入Firebug控制檯執行以下操作：

var s = document.createElement('script'); 
s.src = 'http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js'; 
document.body.appendChild(s); 

Answer 5

jqueryconsole.com是我最喜歡的