教你如何在Node.js中使用jQuery

更新時(shí)間：2016年08月28日 16:35:25 投稿：hebedich

本文給大家分享的是如何在Node.js中使用jQuery的方法，包含步驟以及出錯(cuò)的處理，非常的詳細(xì)，有需要的小伙伴可以參考下

想要在NodeJs中使用jQuery？

首先，我們得安裝jquery， npm install jquery 。安裝后的版本是 3.1.0

接著，第一感覺(jué)我們會(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安裝包首頁(yè) ，我們看到可以使用 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。

以上就是本文給大家分享的全部?jī)?nèi)容了，希望對(duì)大家學(xué)習(xí)node.js能夠有所幫助

您可能感興趣的文章:

相關(guān)文章

npm install --save 、--save-dev 、-D、-S&nb
這篇文章主要介紹了npm install --save 、--save-dev 、-D、-S 的區(qū)別與NODE_ENV的配置方法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-08-08
nodejs構(gòu)建本地web測(cè)試服務(wù)器如何解決訪問(wèn)靜態(tài)資源問(wèn)題
這篇文章主要為大家詳細(xì)介紹了nodejs構(gòu)建本地web測(cè)試服務(wù)器，教大家如何解決訪問(wèn)靜態(tài)資源問(wèn)題，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-07-07
node thread.sleep實(shí)現(xiàn)示例
這篇文章主要介紹了node thread.sleep實(shí)現(xiàn)示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-06-06
Nodejs 和 Electron ubuntu下快速安裝過(guò)程
本文較為詳細(xì)的給大家介紹了Nodejs 和 Electron ubuntu下快速安裝過(guò)程，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，感興趣的朋友跟隨腳本之家小編一起學(xué)習(xí)吧
2018-05-05
Node.JS枚舉統(tǒng)計(jì)當(dāng)前文件夾和子目錄下所有代碼文件行數(shù)
這篇文章主要介紹了Node.JS枚舉統(tǒng)計(jì)當(dāng)前文件夾和子目錄下所有代碼文件行數(shù),本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2019-08-08
深入理解Node.js中CORS的三個(gè)重要響應(yīng)頭
CORS是一種安全機(jī)制,通過(guò)配置適當(dāng)?shù)捻憫?yīng)頭,服務(wù)器可以允許或限制外部域?qū)Y源的訪問(wèn),本文主要介紹了Node.js中CORS的三個(gè)重要響應(yīng)頭,感興趣的可以了解一下
2024-12-12
node.js中使用q.js實(shí)現(xiàn)api的promise化
這篇文章主要介紹了node.js中使用q.js實(shí)現(xiàn)api的promise化,promise一個(gè)標(biāo)準(zhǔn),它描述了異步調(diào)用的返回結(jié)果,包括正確返回結(jié)果和錯(cuò)誤處理,需要的朋友可以參考下
2014-09-09
node.js中的Socket.IO使用實(shí)例
這篇文章主要介紹了node.js中的Socket.IO使用實(shí)例,本文講解了Socket.IO的安裝、結(jié)合express來(lái)構(gòu)建服務(wù)器、基本使用方法及一個(gè)網(wǎng)絡(luò)聊天室的完整案例,需要的朋友可以參考下
2014-11-11
Node.js Mongodb 密碼特殊字符 @的解決方法
在去年的 DB 勒索事件之后, 不少的同學(xué)開(kāi)始加強(qiáng) Mongodb 的安全性, 其中一種辦法就是設(shè)置復(fù)雜的密碼. 那么如果設(shè)置的密碼里包含一些如 “@”, “:” 一樣的特殊字符，怎么處理呢？下面小編給大家?guī)?lái)了Node.js Mongodb 密碼特殊字符 @的解決方法，一起學(xué)習(xí)吧
2017-04-04
Node.js包管理工具
本文主要詳細(xì)介紹了node包管理工具，主要介紹了npm，cnpm及yarn，文中有詳細(xì)的代碼示例，對(duì)學(xué)習(xí)具有一定參考價(jià)值，需要的朋友可以參考一下
2023-04-04