2015-12-30 83 views
0

我正在學習jQuery並試圖從學習中心檢查一些示例。我已經創建了html文件並在其中引用了jQuery,並在腳本標記中創建了一個JavaScript代碼。我在瀏覽器控制檯中檢查,但這段代碼顯示我不是我期望的。如何正確檢查並查看jQuery代碼的結果?

$.each([ "foo", "bar", "baz" ], function(idx, val) { 
console.log("element " + idx + " is " + val); }); 

它什麼都不記錄,只是返回數組對象本身。我期待什麼,我不知道,這樣的:

element 0 is foo 
element 1 is bar 
element 2 is baz 

另外,如果你知道如何導入的jQuery在node.js的請告訴我如何。我有一個Python背景,所以我認爲node.js就像Python解釋器。

+0

的node.js是服務器端,jQuery是客戶端。這可能是你混淆的主要來源。 –

+0

它工作正常,因爲您預期請檢查您的jquery參考 –

+0

@Yogesh夏爾馬,它似乎是瀏覽器問題。它不適用於Firefox,但在Developer Edition和Chrome中運行良好。謝謝。 –

回答

1

如果你不使用dom,你可以在控制檯中設置你的nodejs並測試jQuery API。
您的PC上安裝的NodeJS後,您需要:

  • 要全局使用npm包管理器中安裝jQuery(通常它的NodeJS在一起來)

    npm i -g jquery 
    
  • 打開控制檯,然後轉到的NodeJS互動模式打字

    node 
    
  • 加載jQuery

    var $ = require("jquery"); 
    $(["foo", "bar"]).each(function (i, elem) { console.log(i, ": ", elem); });