Node.js中使用jQuery的做法
更新時間：2016年08月17日 11:44:26 投稿：mrr
在Node.js中使用jQuery的做法，需要先安裝jquery，npm install jquery ,安裝后的版本是 3.1.0,本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看下吧
首先，我們得安裝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。
上面的代碼，有一個讓我不太舒服的地方就是要在回調函數(shù)中進行操作。那么我們如何做才可以不在回調函數(shù)中進行引入jquery呢？
var $ = require('jquery')(require("jsdom").jsdom().defaultView);
$("body").append("<div>TEST</div>");
console.log($("body").html());
一樣運行OK。
相關文章
node版本下報錯build: `vue-cli-service build`問題及解決
這篇文章主要介紹了node版本下報錯build: `vue-cli-service build`問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
Node.js是一個基于Chrome?V8引擎的JavaScript運行時。類似于Java中的JRE，.Net中的CLR。本文將詳細為大家介紹Node.js中的模塊與npm包管理器的使用，需要的可以參考一下2022-03-03
Node.js版本發(fā)布策略頻率與穩(wěn)定性的平衡
這篇文章主要為大家介紹了Node.js版本發(fā)布策略頻率與穩(wěn)定性的平衡,幫助大家大家更清晰了解node發(fā)展史,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-10-10
這篇文章主要介紹了node.js實現(xiàn)簡單的壓縮/解壓縮功能,結合實例形式分析了node.js實現(xiàn)本地文件與服務器端壓縮/解壓縮相關操作技巧,需要的朋友可以參考下2019-11-11
這篇文章主要為大家介紹了Electron架構深入探究，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
ipa本身是一個zip文件改后綴后解壓縮就能看到應用內使用的資源文件,其中png圖片資源xcode打包的時候做了些手腳下面我們來看看如何修復這些問題2016-02-02
這篇文章主要介紹了Koa 中的錯誤處理解析，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-04-04
本文主要介紹了安裝 node-Sass 報錯的解決記錄(三步解決法)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-05-05
nodejs的核心之一就是非阻塞的異步IO，于是想知道它是怎么實現(xiàn)的，經(jīng)過一份研究，找到些答案，在此跟大家分享下。2014-11-11
這篇文章主要介紹了Nodejs中自定義事件實例,比較簡單的一個例子,需要的朋友可以參考下2014-06-06