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