教你如何在Node.js中使用jQuery
更新時間：2016年08月28日 16:35:25 投稿：hebedich
本文給大家分享的是如何在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());
});
運行，結果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)容了，希望對大家學習node.js能夠有所幫助
相關文章
本篇文章給大家分享了NodeJs開發(fā)微信公眾號的相關技術內(nèi)容，對此有需要的朋友們可以跟著學習參考下。2018-05-05
這篇文章主要介紹了Node.js回調(diào)函數(shù),為了解決回調(diào)函數(shù)的缺點,出現(xiàn)了一些替代方案,如Promise、async/await等,這些方案提供了更簡潔、可讀性更高的代碼結構,使異步編程更加容易和可維護,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了使用socket.io實現(xiàn)簡單聊天室案例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
session 不用多介紹，使一個http可以對應一個終端用戶，需要的朋友可以參考下。2016-06-06
最近研究了一下nodejs寫接口,發(fā)現(xiàn)接口并不難寫,這篇文章主要給大家介紹了關于如何通過node.js來寫接口的相關資料,文中通過實例代碼和圖文介紹的非常詳細,需要的朋友可以參考下2022-09-09
這篇文章主要給大家介紹了關于node.js錯誤處理之npm無法下載第三方包的相關資料,文中通過代碼介紹的非常詳細,對大家的學習或者工作具有一定的幫助,需要的朋友可以參考下2023-07-07
npm?install的--save和--save-dev使用說明(推薦)
這篇文章主要介紹了npm?install的--save和--save-dev使用說明,文中給大家提到了各個命令的區(qū)別及各種安裝參數(shù)的區(qū)別，需要的朋友可以參考下2022-08-08
NodeJS特性如事件驅動、異步編程、無阻塞IO,這些特性為它帶來了高效的性能和更少的代碼,require函數(shù)支持斜杠（/）或盤符（C:）開頭的絕對路徑,也支持./開頭的相對路徑,為了便于管理和使用,我們可以把由多個子模塊組成的大模塊稱做包,并把所有子模塊放在同一個目錄里2023-11-11
這篇文章主要介紹了node.js中的console.log方法使用說明,本文介紹了console.log的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下2014-12-12
本篇文章主要介紹了用Node編寫RESTful API接口的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07