在NodeJs中使用jQuery？

有时候在项目中需要使用jq在node中，但是使用起来却不是那么友好，那么现在该怎么做？改写JQ插件？将JQ插件打包成npm包，再在项目中进行引用？显然这些相比较于难度都比较大。接下来介绍一种简单的方法。

首先安装jquery以及jsdom。

jquery：https://www.npmjs.com/package/jquery

jsdom：https://www.npmjs.com/package/jsdom

命令如下：

npm install jquerynpm install jsdom

安装完成之后，在项目中引入

const $ = require('jquery')(require("jsdom").jsdom().defaultView);

以上代码为老版本的代码，在jsdom更新后，不可用

新版本的使用方法为：

const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
const window = document.defaultView;
const $ = require('jquery')(window);

将这些文件引入到jq所在的目录中，并且将原来jq声明的立即执行函数进行替换。

(function($) {//some var
//some function
//dosometing

})(jQuery);

最终的形式类似于这样

const jsdom = require('jsdom');
const {JSDOM} = jsdom;
const {document} = (new JSDOM('<!doctype html><html><body></body></html>')).window;
global.document = document;
const window = document.defaultView;
const $ = require('jquery')(window);

//some var
//some function
//dosometing

然后可以根据node的写法，将自己的函数暴露出去。

转载于:https://www.cnblogs.com/DonaHero/p/10001804.html

NodeJs中使用jQuery？相关推荐

Nodejs 中的包、npm 、第三方模块、 package.json 以及 cnpm
一.包与 NPM 包Nodejs 中除了它自己提供的核心模块外,我们可以自定义模块,也可以使用第三方的模块.Nodejs 中第三方模块由包组成,可以通过包来对一组具有相互依赖关系的模块进行统一管理 ...
5.Nodejs中的包、npm、第三方模块、package.json以及cnpm
1.包 Nodejs中除了它自己提供的核心模块(内置模块)外,我们可以自定义模块 ,也可以使用第三方模块.Nodejs中的第三方模块由包组成,它可以通过包来对一组具有相互依赖关系的模块进行统一管理. ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
ajax在项目中怎么使用,我如何添加项目在sql中使用jQuery（ajax）通过web服务
我有一个web服务,并在其中有两种方法(select,insertdata).我想用jquery在sql中插入一条记录.我怎样才能做到这一点?我已经制作了该代码,但它不起作用.请帮助我.我如何添加项目 ...
js html保存json,如何在json文件中存储jQuery或javascript变量？
我可以知道有没有机会将jquery变量保存在json文件中?提前致谢.如何在json文件中存储jQuery或javascript变量? 我: var image='/test/test.png'; 我 ...
nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法
最近在项目中遇到需要把html页面转换为pdf的需求,并且转换成的pdf文件要保留原有html的样式和图片.也就是说,html页面的图片.表格.样式等都需要完整的保存下来. 最初找到三种方法来实现这个 ...
nodeJS中读写文件方法的区别
导言:nodejs中所有与文件相关的操作都在fs模块中,而读写操作又是我们会经常用到的操作,nodejs的fs模块针对读操作为我们提供了readFile,read, createReadStream三 ...
nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法.pdf
Nodejs中中使使用用phantom将将html转转为为pdf或或图图片片格格式式的的方方法法最近在项目中遇到需要把html页面转换为pdf 的需求,并且转换的pdf文件要保留原有html的样式 ...
vue中引入jquery
1.在项目中安装jquery. npm install jquery --save-dev 2.在项目根目录下的build/webpack.base.conf.js文件中: ① 先写以下代码 var ...

NodeJs中使用jQuery？

在NodeJs中使用jQuery？

NodeJs中使用jQuery？相关推荐

最新文章

热门文章