教你如何在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 相关文章推荐
JS Attribute属性操作详解
May 19 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
Nov 16 Javascript
JS生成和下载二维码的代码
Dec 07 Javascript
Javascript中类式继承和原型式继承的实现方法和区别之处
Apr 25 Javascript
深究AngularJS——ng-checked(回写:带真实案例代码)
Jun 13 Javascript
Easy UI动态树点击文字实现展开关闭功能
Sep 30 Javascript
JS实现的小火箭发射动画效果示例
Dec 08 Javascript
jQuery实现动态加载(按需加载)javascript文件的方法分析
May 31 jQuery
Moment.js实现多个同时倒计时
Aug 26 Javascript
微信小程序 冒泡事件原理解析
Sep 27 Javascript
对vuex中getters计算过滤操作详解
Nov 06 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
sony ICF-2010 拆解与改装
2021/03/02 无线电
php购物车实现代码
2011/10/10 PHP
php文件上传简单实现方法
2015/01/24 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
关于ThinkPhp 框架表单验证及ajax验证问题
2017/07/19 PHP
JavaScript栏目列表隐藏/显示简单实现
2013/04/03 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
js实现搜索框关键字智能匹配代码
2020/03/26 Javascript
jQuery动画效果图片轮播特效
2016/01/12 Javascript
基于jQuery实现仿搜狐辩论投票动画代码(附源码下载)
2016/02/18 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
2016/05/03 Javascript
javascript判断firebug是否开启的方法
2016/11/23 Javascript
用file标签实现多图文件上传预览
2017/02/14 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
从零开始最小实现react服务器渲染详解
2018/01/26 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
JavaScript实现网页留言板功能
2020/11/23 Javascript
Python的UTC时间转换讲解
2019/02/26 Python
Python字典遍历操作实例小结
2019/03/05 Python
pyqt5 实现 下拉菜单 + 打开文件的示例代码
2019/06/20 Python
python实现桌面气泡提示功能
2019/07/29 Python
python实现邮件自动发送
2019/08/10 Python
Python爬虫如何破解JS加密的Cookie
2020/11/19 Python
plt.figure()参数使用详解及运行演示
2021/01/08 Python
Opodo意大利:欧洲市场上领先的在线旅行社
2019/10/24 全球购物
MYSQL支持事务吗
2013/08/09 面试题
信用社员工先进事迹材料
2014/02/04 职场文书
学校消防安全责任书
2014/07/23 职场文书
公司委托书格式范本
2014/09/16 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
工资证明范本
2015/06/12 职场文书
MySQL 时间类型的选择
2021/06/05 MySQL
Python中time与datetime模块使用方法详解
2022/03/31 Python