首先,我們得安裝jquery, npm install jquery 。安裝后的版本是 3.1.0
接著,第一感覺我們會使用 var $ = require('jquery') 。
將以下代碼保存為app.js
var $ = require('jquery')$("body").append("<div>TEST</div>");console.log($("body").html());
運行 node app.js 。提示錯誤:
Error: jQuery requires a window with a document
那么我們該怎么做呢?
在npm的jquery安裝包首頁 ,我們看到可以使用jsdom 進行模擬一個document。
require("jsdom").env("", function(err, window) {if (err) {console.error(err);return;}var $ = require("jquery")(window);$("body").append("<div>TEST</div>");console.log($("body").html());});
運行,結果OK。
上面的代碼,有一個讓我不太舒服的地方就是要在回調函數中進行操作。那么我們如何做才可以不在回調函數中進行引入jquery呢?
var $ = require('jquery')(require("jsdom").jsdom().defaultView);$("body").append("<div>TEST</div>");console.log($("body").html());
一樣運行OK。
|
新聞熱點
疑難解答