教你如何在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 EasyUI API 中文文档 可调整尺寸
Sep 29 Javascript
网页实时显示服务器时间和javscript自运行时钟
Jun 09 Javascript
js脚本实现数据去重
Nov 27 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
Node.js开发者必须了解的4个JS要点
Feb 21 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
vue+vue-router转场动画的实例代码
Sep 01 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
Vue打包后访问静态资源路径问题
Nov 08 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
JavaScript 反射学习技巧
Oct 16 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
2019年漫画销量排行榜:鬼灭登顶 海贼单卷制霸 尾田盛赞鬼灭
2020/03/08 日漫
PHP 的异常处理、错误的抛出及回调函数等面向对象的错误处理方法
2012/12/07 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
thinkPHP实现签到功能的方法
2017/03/15 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
解决laravel id非自增 模型取回为0 的问题
2019/10/11 PHP
use jscript with List Proxy Server Information
2007/06/11 Javascript
JS代码优化技巧之通俗版(减少js体积)
2011/12/23 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
js判断字符是否是汉字的两种方法小结
2014/01/03 Javascript
JavaScript实现点击文字切换登录窗口的方法
2015/05/11 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
js 客户端打印html 并且去掉页眉、页脚的实例
2017/11/03 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
Vue文本模糊匹配功能如何实现
2020/07/30 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
详解Python中的多线程编程
2015/04/09 Python
Python实现的个人所得税计算器示例
2018/06/01 Python
Python内存读写操作示例
2018/07/18 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
在 Python 中接管键盘中断信号的实现方法
2020/02/04 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
如何利用python发送邮件
2020/09/26 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
英国最大的汽车交易网站:Auto Trader UK
2016/09/23 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
Vrbo西班牙:预订您的度假公寓(公寓、乡村房屋…)
2020/04/27 全球购物
大学生毕业求职的自我评价
2013/09/29 职场文书
绝对经典成功的大学生推荐信
2013/11/08 职场文书
党员思想汇报材料
2014/12/19 职场文书
python编程项目中线上问题排查与解决
2021/11/01 Python
MySQL中varchar和char类型的区别
2021/11/17 MySQL
人工智能深度学习OpenAI baselines的使用方法
2022/05/20 Python