首先,我們得安裝jquery, npm install jquery 。安裝後的版本是 3.1.0
接著,第一個感覺我們會使用 var $ = require('jquery') 。
將以下程式碼儲存為app.js
var $ = require('jquery') $("body").append("<p>TEST</p>"); 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("<p>TEST</p>"); console.log($("body").html()); });
運行,結果OK。
上面的程式碼,有一個讓我不太舒服的地方就是要在回呼函數中進行操作。那我們要如何做才可以不在回呼函數中進行引入jquery呢?
var $ = require('jquery')(require("jsdom").jsdom().defaultView); $("body").append("<p>TEST</p>"); console.log($("body").html());
一樣運行OK。
以上是在Node.js中使用jQuery的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!