欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

教你如何在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

接著，第一感覺我們會(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。

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

相關(guān)文章

  • 詳解NodeJs開發(fā)微信公眾號(hào)

    詳解NodeJs開發(fā)微信公眾號(hào)

    本篇文章給大家分享了NodeJs開發(fā)微信公眾號(hào)的相關(guān)技術(shù)內(nèi)容，對(duì)此有需要的朋友們可以跟著學(xué)習(xí)參考下。
    2018-05-05
  • 深入理解Node.js回調(diào)函數(shù)

    深入理解Node.js回調(diào)函數(shù)

    這篇文章主要介紹了Node.js回調(diào)函數(shù),為了解決回調(diào)函數(shù)的缺點(diǎn),出現(xiàn)了一些替代方案,如Promise、async/await等,這些方案提供了更簡潔、可讀性更高的代碼結(jié)構(gòu),使異步編程更加容易和可維護(hù),需要的朋友可以參考下
    2023-11-11
  • 使用socket.io實(shí)現(xiàn)簡單聊天室案例

    使用socket.io實(shí)現(xiàn)簡單聊天室案例

    這篇文章主要介紹了使用socket.io實(shí)現(xiàn)簡單聊天室案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2018-01-01
  • nodejs 的 session 簡單使用

    nodejs 的 session 簡單使用

    session 不用多介紹，使一個(gè)http可以對(duì)應(yīng)一個(gè)終端用戶，需要的朋友可以參考下。
    2016-06-06
  • 如何通過node.js來寫接口詳解

    如何通過node.js來寫接口詳解

    最近研究了一下nodejs寫接口,發(fā)現(xiàn)接口并不難寫,這篇文章主要給大家介紹了關(guān)于如何通過node.js來寫接口的相關(guān)資料,文中通過實(shí)例代碼和圖文介紹的非常詳細(xì),需要的朋友可以參考下
    2022-09-09
  • node.js錯(cuò)誤處理之npm無法下載第三方包

    node.js錯(cuò)誤處理之npm無法下載第三方包

    這篇文章主要給大家介紹了關(guān)于node.js錯(cuò)誤處理之npm無法下載第三方包的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的幫助,需要的朋友可以參考下
    2023-07-07
  • npm?install的--save和--save-dev使用說明(推薦)

    npm?install的--save和--save-dev使用說明(推薦)

    這篇文章主要介紹了npm?install的--save和--save-dev使用說明,文中給大家提到了各個(gè)命令的區(qū)別及各種安裝參數(shù)的區(qū)別，需要的朋友可以參考下
    2022-08-08
  • Node.js中的模塊路徑解析規(guī)則和子模塊包

    Node.js中的模塊路徑解析規(guī)則和子模塊包

    NodeJS特性如事件驅(qū)動(dòng)、異步編程、無阻塞IO,這些特性為它帶來了高效的性能和更少的代碼,require函數(shù)支持斜杠（/）或盤符（C:）開頭的絕對(duì)路徑,也支持./開頭的相對(duì)路徑,為了便于管理和使用,我們可以把由多個(gè)子模塊組成的大模塊稱做包,并把所有子模塊放在同一個(gè)目錄里
    2023-11-11
  • node.js中的console.log方法使用說明

    node.js中的console.log方法使用說明

    這篇文章主要介紹了node.js中的console.log方法使用說明,本文介紹了console.log的方法說明、語法、接收參數(shù)、使用實(shí)例和實(shí)現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • 用Node編寫RESTful API接口的示例代碼

    用Node編寫RESTful API接口的示例代碼

    本篇文章主要介紹了用Node編寫RESTful API接口的示例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-07-07

最新評(píng)論