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。
上面的代碼，有一個讓我不太舒服的地方就是要在回調函數中進行操作。那么我們如何做才可以不在回調函數中進行引入jquery呢？
var $ = require('jquery')(require("jsdom").jsdom().defaultView);
$("body").append("<div>TEST</div>");
console.log($("body").html());
一樣運行OK。
相關文章
nodejs中簡單實現Javascript Promise機制的實例
這篇文章主要介紹了nodejs中簡單實現Javascript Promise機制的實例,本文在nodejs中簡單實現一個promise/A 規(guī)范,需要的朋友可以參考下2014-12-12
今天小編就為大家分享一篇關于基于node.js實現爬蟲的講解，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-02-02
模糊查詢是數據庫的基本操作之一，下面這篇文章主要給大家介紹了利用Node.js對MongoDB數據庫實現模糊查詢的方法教程，文中給出了詳細的介紹和示例代碼，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-05-05
這篇文章主要介紹了webpack打包nodejs項目,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
node.js中express模塊創(chuàng)建服務器和http模塊客戶端發(fā)請求
今天小編就為大家分享一篇關于node.js中express模塊創(chuàng)建服務器和http模塊客戶端發(fā)請求，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
這篇文章主要給大家介紹了關于VsCode無法識別node問題解決的相關資料,文中通過圖文介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2023-07-07
這篇文章主要介紹了koa socket即時通訊的示例代碼，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
Node.js Stream ondata觸發(fā)時機與順序的探索
今天小編就為大家分享一篇關于Node.js Stream ondata觸發(fā)時機與順序的探索，小編覺得內容挺不錯的，現在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
Windows 系統(tǒng)下安裝和部署Egret的開發(fā)環(huán)境
Egret基于TypeScript開發(fā)的，而TypeScript編譯工具tsc是基于Node.js 開發(fā)的。所以在安裝過程中，我們先需要對于基礎支持工具進行安裝。2014-07-07
這篇文章主要介紹了Node.js開發(fā)者必須了解的4個JS要點，Node.js是一個面向服務器的框架，立足于Chrome強大的V8 JS引擎。盡管它由C++編寫而成，但是它及其應用是運行在JS上的,需要的朋友可以參考下2016-02-02