教你如何在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 相关文章推荐
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
将文本输入框内容加入表中的js代码
Aug 18 Javascript
仿百度联盟对联广告实现代码
Aug 30 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
浅谈react前后端同构渲染
Sep 20 Javascript
基于angular6.0实现的一个组件懒加载功能示例
Apr 12 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
Vue.js中对css的操作(修改)具体方式详解
Oct 30 Javascript
JavaScript提升机制Hoisting详解
Oct 23 Javascript
JS的深浅复制详细
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
php 静态变量的初始化
2009/11/15 PHP
php中照片旋转 (orientation) 问题的正确处理
2017/02/16 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
javascript 时间比较实现代码
2009/10/28 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
js关于字符长度限制的问题示例探讨
2014/01/24 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
vue轻量级框架无法获取到vue对象解决方法
2019/05/12 Javascript
原生JS 实现的input输入时表格过滤操作示例
2019/08/03 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
[02:44]2014DOTA2 国际邀请赛中国区预选赛 大神红毯秀
2014/05/25 DOTA
对Python新手编程过程中如何规避一些常见问题的建议
2015/04/01 Python
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
Python的Django框架中TEMPLATES项的设置教程
2015/05/29 Python
利用Python脚本生成sitemap.xml的实现方法
2017/01/31 Python
解决python使用open打开文件中文乱码的问题
2017/12/29 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
详解django中使用定时任务的方法
2018/09/27 Python
python实现写数字文件名的递增保存文件方法
2018/10/25 Python
python自动结束mysql慢查询会话的实例代码
2019/10/27 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
国际化的太阳镜及太阳镜配件零售商:Sunglass Hut
2016/07/26 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
优秀毕业生求职推荐信范文
2013/11/21 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
《会走路的树》教后反思
2014/04/19 职场文书
高中生班主任评语
2014/04/25 职场文书
党员个人总结自评
2015/02/14 职场文书
大学生村官个人总结
2015/02/15 职场文书
大学生求职自荐信
2015/03/24 职场文书
详解运行Python的神器Jupyter Notebook
2021/06/03 Python
移除Selenium中window.navigator.webdriver值
2022/06/10 Python