教你如何在Node.js中使用jQuery
想要在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能夠有所幫助
- Jquery通過(guò)ajax請(qǐng)求NodeJS返回json數(shù)據(jù)實(shí)例
- NodeJS使用jQuery選擇器操作DOM
- Nodejs抓取html頁(yè)面內(nèi)容(推薦)
- NodeJS與HTML5相結(jié)合實(shí)現(xiàn)拖拽多個(gè)文件上傳到服務(wù)器的實(shí)現(xiàn)方法
- 基于html5和nodejs相結(jié)合實(shí)現(xiàn)websocket即使通訊
- Nodejs+express+html5 實(shí)現(xiàn)拖拽上傳
- windows系統(tǒng)下簡(jiǎn)單nodejs安裝及環(huán)境配置
- NodeJS學(xué)習(xí)筆記之FS文件模塊
- nodejs的HTML分析利器node-jquery用法淺析
相關(guān)文章
使用socket.io實(shí)現(xiàn)簡(jiǎn)單聊天室案例
這篇文章主要介紹了使用socket.io實(shí)現(xiàn)簡(jiǎn)單聊天室案例,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2018-01-01如何通過(guò)node.js來(lái)寫(xiě)接口詳解
最近研究了一下nodejs寫(xiě)接口,發(fā)現(xiàn)接口并不難寫(xiě),這篇文章主要給大家介紹了關(guān)于如何通過(guò)node.js來(lái)寫(xiě)接口的相關(guān)資料,文中通過(guò)實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下2022-09-09node.js錯(cuò)誤處理之npm無(wú)法下載第三方包
這篇文章主要給大家介紹了關(guān)于node.js錯(cuò)誤處理之npm無(wú)法下載第三方包的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的幫助,需要的朋友可以參考下2023-07-07npm?install的--save和--save-dev使用說(shuō)明(推薦)
這篇文章主要介紹了npm?install的--save和--save-dev使用說(shuō)明,文中給大家提到了各個(gè)命令的區(qū)別及各種安裝參數(shù)的區(qū)別,需要的朋友可以參考下2022-08-08node.js中的console.log方法使用說(shuō)明
這篇文章主要介紹了node.js中的console.log方法使用說(shuō)明,本文介紹了console.log的方法說(shuō)明、語(yǔ)法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下2014-12-12用Node編寫(xiě)RESTful API接口的示例代碼
本篇文章主要介紹了用Node編寫(xiě)RESTful API接口的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07