教你如何在Node.js中使用jQuery


Posted in Javascript onAugust 28, 2016

想要在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。

上面的代码,有一个让我不太舒服的地方就是要在回调函数中进行操作。那么我们如何做才可以不在回调函数中进行引入jquery呢?

var $ = require('jquery')(require("jsdom").jsdom().defaultView);
$("body").append("<div>TEST</div>");
console.log($("body").html());

一样运行OK。

以上就是本文给大家分享的全部内容了,希望对大家学习node.js能够有所帮助

Javascript 相关文章推荐
jquery post方式传递多个参数值后台以数组的方式进行接收
Jan 11 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
值得分享的轻量级Bootstrap Table表格插件
May 30 Javascript
Angular 输入框实现自定义验证功能
Feb 19 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
js分页之前端代码实现和请求处理
Aug 04 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
Vue resource三种请求格式和万能测试地址
Sep 26 Javascript
Koa代理Http请求的示例代码
Oct 10 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 jQuery
微信小程序canvas分享海报功能
Oct 31 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 #Javascript
Node.js 日志处理模块log4js
Aug 28 #Javascript
node.js中 stream使用教程
Aug 28 #Javascript
ionic组件ion-tabs选项卡切换效果实例
Aug 27 #Javascript
郁闷!ionic中获取ng-model绑定的值为undefined如何解决
Aug 27 #Javascript
ionic实现带字的toggle滑动组件
Aug 27 #Javascript
ionic实现可滑动的tab选项卡切换效果
Apr 15 #Javascript
You might like
windows下配置apache+php+mysql时出现问题的处理方法
2014/06/20 PHP
php中socket通信机制实例详解
2015/01/03 PHP
PHP SPL标准库中的常用函数介绍
2015/05/11 PHP
php 下 html5 XHR2 + FormData + File API 上传文件操作实例分析
2020/02/28 PHP
[JS源码]超长文章自动分页(客户端版)
2007/01/09 Javascript
javascript 树控件 比较好用
2009/06/11 Javascript
js中将HTMLCollection/NodeList/伪数组转换成数组的代码
2011/07/31 Javascript
一个jquery实现的不错的多行文字图片滚动效果
2014/09/28 Javascript
Lua表达式和控制结构学习笔记
2014/12/15 Javascript
JQUERY实现网页右下角固定位置展开关闭特效的方法
2015/07/27 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
node.js入门学习之url模块
2017/02/25 Javascript
angularjs实现搜索的关键字在正文中高亮出来
2017/06/13 Javascript
js 监控iframe URL的变化实例代码
2017/07/12 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
使用nodejs分离html文件里的js和css详解
2019/04/12 NodeJs
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
通过循环优化 JavaScript 程序
2019/06/24 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
vue路由结构可设一层方便动态添加路由操作
2020/08/31 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
如何在Django中添加没有微秒的 DateTimeField 属性详解
2019/01/30 Python
Python中单线程、多线程和多进程的效率对比实验实例
2019/05/14 Python
基于python爬取有道翻译过程图解
2020/03/31 Python
Python如何绘制日历图和热力图
2020/08/07 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
Superdry极度乾燥官网:日本街头风格,纯英国制造品牌
2016/10/31 全球购物
初二生物教学反思
2014/02/03 职场文书
小学语文国培感言
2014/03/04 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
安全资料员岗位职责范本
2014/06/28 职场文书
放假通知怎么写
2015/08/18 职场文书
Mysql - 常用函数 每天积极向上
2021/04/05 MySQL
戴尔Win11系统no bootable devices found解决教程
2022/09/23 数码科技