教你如何在Node.js中使用jQuery
想要在NodeJs中使用jQuery?
首先,我們得安裝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());
});
運行,結(jié)果OK。
上面的代碼,有一個讓我不太舒服的地方就是要在回調(diào)函數(shù)中進行操作。那么我們?nèi)绾巫霾趴梢圆辉诨卣{(diào)函數(shù)中進行引入jquery呢?
var $ = require('jquery')(require("jsdom").jsdom().defaultView);
$("body").append("<div>TEST</div>");
console.log($("body").html());
一樣運行OK。
以上就是本文給大家分享的全部內(nèi)容了,希望對大家學(xué)習(xí)node.js能夠有所幫助
- Jquery通過ajax請求NodeJS返回json數(shù)據(jù)實例
- NodeJS使用jQuery選擇器操作DOM
- Nodejs抓取html頁面內(nèi)容(推薦)
- NodeJS與HTML5相結(jié)合實現(xiàn)拖拽多個文件上傳到服務(wù)器的實現(xiàn)方法
- 基于html5和nodejs相結(jié)合實現(xiàn)websocket即使通訊
- Nodejs+express+html5 實現(xiàn)拖拽上傳
- windows系統(tǒng)下簡單nodejs安裝及環(huán)境配置
- NodeJS學(xué)習(xí)筆記之FS文件模塊
- nodejs的HTML分析利器node-jquery用法淺析
相關(guān)文章
npm?install的--save和--save-dev使用說明(推薦)
這篇文章主要介紹了npm?install的--save和--save-dev使用說明,文中給大家提到了各個命令的區(qū)別及各種安裝參數(shù)的區(qū)別,需要的朋友可以參考下2022-08-08

