Node.js中使用jQuery的做法，node.jsjquery做法

Node.js中使用jQuery的做法，node.jsjquery做法

首先，我們得安裝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。