在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. [技巧篇]07.JSON.parse() 和 JSON.stringify()
			
    JSON.parse() 用于从一个字符串中解析出json对象,如 var str = '{"name":"huangxiaojian","age&q ...
    
			
    2. 
						
  2. LightOJ 1085 - All Possible Increasing Subsequences 树状数组+离散
			
    http://www.lightoj.com/volume_showproblem.php?problem=1085 题意:求一个序列的递增子序列个数. 思路:找规律可以发现,某个数作为末尾数的种类数 ...
    
			
    3. 
						
  3. [洛谷P2051] [AHOI2009]中国象棋
			
    洛谷题目链接:[AHOI2009]中国象棋 题目描述 这次小可可想解决的难题和中国象棋有关,在一个N行M列的棋盘上,让你放若干个炮(可以是0个),使得没有一个炮可以攻击到另一个炮,请问有多少种放置方法 ...
    
			
    4. 
						
  4. [USACO13FEB]出租车Taxi
			
    洛谷题目链接:[USACO13FEB]出租车Taxi 题目描述 Bessie is running a taxi service for the other cows on the farm. The ...
    
			
    5. 
						
  5. 01-QQ 3-最终重构版
Demo示例程序源代码
			
      源代码下载链接:01-QQ 3.zip292.5 KB // QQAppDelegate.h Map // //  QQAppDelegate.h //  01-QQ // //  Created ...
    
			
    6. 
						
  6. vs调试 配置IISExpress允许局域网内部访问
			
    内网可访问后,本机不能使用localhost   1.找到IISExpress的配置文件,位于 <文档>/IISExpress/config文件夹下,打开applicationhost.c ...
    
			
    7. 
						
  7. sublime3 快捷键大全
			
    Ctrl+Shift+P:打开命令面板Ctrl+P:搜索项目中的文件Ctrl+G:跳转到第几行Ctrl+W:关闭当前打开文件Ctrl+Shift+W:关闭所有打开文件Ctrl+Shift+V:粘贴并格 ...
    
			
    8. 
						
  8. 编写jquery Plugin
			
    编写jquery插件的原则 1.给$.fn绑定函数,实现插件的代码逻辑 2.插件函数最后要return this,以支持链式调用 3.插件函数要有默认值,绑定在$.fn.<pluginName& ...
    
			
    9. 
						
  9. 使用BackgroundWorker
			
    1,WPF应用程序为单线程模型(STAThread),所有UI控件都是主线程创建的,只有主线程能操作UI元素的显示. 2,其他工作线程要维护UI控件的显示,需调用主线程的Dispather,执行Inv ...
    
			
    10. 
						
  10. kimbits_USACO
			
    StringsobitsKim Schrijvers Consider an ordered set S of strings of N (1 <= N <= 31) bits. Bits ...
    
			
    11.