在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 jquery

npm 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的写法，将自己的函数暴露出去。
												


											
NodeJs中使用jQuery？的更多相关文章
	

    
						
  1. 通读cheerio API ——NodeJs中的jquery
		
    通读cheerio API ——NodeJs中的jquery 所谓工欲善其事,必先利其器,所以通读了cheerio的API,顺便翻译了一遍,有些地方因为知道的比较少,不知道什么意思,保留了英文,希望各 ...
    
		
    2. 
								
  2. nodejs中使用cheerio爬取并解析html网页
		
    nodejs中使用cheerio爬取并解析html网页 转 https://www.jianshu.com/p/8e4a83e7c376 cheerio用于node环境,用法与语法都类似于jquery ...
    
		
    3. 
						
  3. Angular杂谈系列1-如何在Angular2中使用jQuery及其插件
		
    jQuery,让我们对dom的操作更加便捷.由于其易用性和可扩展性,jQuer也迅速风靡全球,各种插件也是目不暇接. 我相信很多人并不能直接远离jQuery去做前端,因为它太好用了,我们以前做的东西大 ...
    
		
    4. 
						
  4. nodejs中获取时间戳、时间差
		
    Nodejs中获取时间戳的方法有很多种,例如: new Date().getTime() Date.now() process.uptime() process.hrtime() 平时想获取一个时间戳 ...
    
		
    5. 
						
  5. 在Nodejs中如何调用C#的代码
		
    最近需要在Nodejs中用到C#的代码,从网上了解到可以采用Edgejs来实现Nodejs与C#的代码交互, 直接复制网上的代码运行总是出各种错,填了不少坑,现在把自己的案例代码大致整理一下,方便以后 ...
    
		
    6. 
						
  6. IE7中使用Jquery动态操作name问题
		
    问题:IE7中无法使用Jquery动态操作页面元素的name属性. 在项目中有出现问题,某些客户的机器偶尔会有,后台取不到前台的数据值. 然开发和测试环境总是不能重现问题.坑爹之处就在于此,不能重现就 ...
    
		
    7. 
						
  7. 关于angularjs中的jQuery
		
    关于angularjs中的jQuery 下面是一个小例子,用来说明我经常看到的一种模式.我们需要一个开关型的按钮.(注意:这个例子的代码有点装逼,并且有点冗长,只是为了用来代表更加复杂一些的例子,这些 ...
    
		
    8. 
						
  8. nodejs 中自定义事件
		
    经常看到 req.on('error', function(){...}); 这种代码. 在nodejs中,可以使用 EventEmitter来实现. 具体的关键词有如下几个: var reqEven ...
    
		
    9. 
						
  9. 在.NET中使用JQuery 选择器精确提取网页内容
		
    1. 前言 相信很多人做开发时都有过这样的需求:从网页中准确提取所需的内容.思前想后,方法无非是以下几种:(本人经验尚浅,有更好的方法还请大家指点) 1. 使用正则表达式匹配所需元素.(缺点:同类型的 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. rwx
			
    常用的linux文件权限:444 r--r--r--600 rw-------644 rw-r--r--666 rw-rw-rw-700 rwx------744 rwxr--r--755 rwxr- ...
    
			
    2. 
						
  2. MySQL5.5安装图解
			
    MySQL5.5安装图解... ====================== 第一部分:去官网下载MySQL安装包... MySQL下载官网:https://dev.mysql.com/downloa ...
    
			
    3. 
						
  3. Java中主线程如何捕获子线程抛出的异常
			
    首先明确线程代码的边界.其实很简单,Runnable接口的run方法所界定的边界就可以看作是线程代码的边界.Runnable接口中run方法原型如下: public void run(); 而所有的具 ...
    
			
    4. 
						
  4. 51Nod 最大子矩阵和  | DP
			
    Input 第1行:M和N,中间用空格隔开(2 <= M,N <= 500). 第2 - N + 1行:矩阵中的元素,每行M个数,中间用空格隔开.(-10^9 <= M[i] < ...
    
			
    5. 
						
  5. CAS单点登录原理
			
    转自 https://www.cnblogs.com/lihuidu/p/6495247.html 1.基于Cookie的单点登录的回顾        基于Cookie的单点登录核心原理: 将用户名密 ...
    
			
    6. 
						
  6. Could not load file or assembly 'Microsoft.ReportViewer.Common, Version=11.0.0.0 异常处理
			
    在本机开发asp.net .rdlc报表后,部署到本地没有问题. 当把网站发布后部署在IIS上,新电脑上(只安装了.net framwork4.5),提示如下错误: “Could not load f ...
    
			
    7. 
						
  7. 洛谷P2868 [USACO07DEC]观光奶牛 Sightseeing Cows
			
    题目描述 Farmer John has decided to reward his cows for their hard work by taking them on a tour of the  ...
    
			
    8. 
						
  8. 【vijos】P1066 弱弱的战壕
			
    [算法]线段树 [题解]将所有坐标按x(第一)和y(第二)从小到大排序,再按顺序插入线段树,即在线段树中将y坐标位置+1,这样就能保证每个坐标能包含的点一定先被处理了,每次询问查询1...a[i].y ...
    
			
    9. 
						
  9. GPU硬件加速
			
    现代浏览器大都可以利用GPU来加速页面渲染.每个人都痴迷于60桢每秒的顺滑动画.在GPU的众多特性之中,它可以存储一定数量的纹理(一个矩形的像素点集合)并且高效地操作这些纹理(比如进行特定的移动.缩放 ...
    
			
    10. 
						
  10. centos 搭建 ss
			
    download:https://files.cnblogs.com/files/xishaonian/ShadowsocksR-4.7.0-win.7z 使用方法:使用root用户登录,运行以下命令 ...
    
			
    11.