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。

相关文章

  • node版本下报错build: `vue-cli-service build`问题及解决

    node版本下报错build: `vue-cli-service build`问题及解决

    这篇文章主要介绍了node版本下报错build: `vue-cli-service build`问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-01-01
  • Node.js基础入门之模块与npm包管理器使用详解

    Node.js基础入门之模块与npm包管理器使用详解

    Node.js是一个基于Chrome V8引擎的JavaScript运行时。类似于Java中的JRE,.Net中的CLR。本文将详细为大家介绍Node.js中的模块与npm包管理器的使用,需要的可以参考一下
    2022-03-03
  • Node.js版本发布策略频率与稳定性的平衡

    Node.js版本发布策略频率与稳定性的平衡

    这篇文章主要为大家介绍了Node.js版本发布策略频率与稳定性的平衡,帮助大家大家更清晰了解node发展史,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • node.js实现简单的压缩/解压缩功能示例

    node.js实现简单的压缩/解压缩功能示例

    这篇文章主要介绍了node.js实现简单的压缩/解压缩功能,结合实例形式分析了node.js实现本地文件与服务器端压缩/解压缩相关操作技巧,需要的朋友可以参考下
    2019-11-11
  • Electron架构深入探究

    Electron架构深入探究

    这篇文章主要为大家介绍了Electron架构深入探究,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • nodejs修复ipa处理过的png图片

    nodejs修复ipa处理过的png图片

    ipa本身是一个zip文件改后缀后解压缩就能看到应用内使用的资源文件,其中png图片资源xcode打包的时候做了些手脚下面我们来看看如何修复这些问题
    2016-02-02
  • Koa 中的错误处理解析

    Koa 中的错误处理解析

    这篇文章主要介绍了Koa 中的错误处理解析,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • 安装 node-Sass 报错的解决记录(三步解决法)

    安装 node-Sass 报错的解决记录(三步解决法)

    本文主要介绍了安装 node-Sass 报错的解决记录(三步解决法),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05
  • nodejs教程之异步I/O

    nodejs教程之异步I/O

    nodejs的核心之一就是非阻塞的异步IO,于是想知道它是怎么实现的,经过一份研究,找到些答案,在此跟大家分享下。
    2014-11-11
  • Nodejs中自定义事件实例

    Nodejs中自定义事件实例

    这篇文章主要介绍了Nodejs中自定义事件实例,比较简单的一个例子,需要的朋友可以参考下
    2014-06-06

最新评论