在NodeJs中使用jQuery?

本文介绍如何在Node.js环境中正确地使用jQuery库,通过jsdom创建虚拟DOM环境,并提供了两种实现方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

想要在NodeJs中使用jQuery?

首先,我们得安装jquery, npm install jquery 。安装后的版本是 3.1.0

接着,第一感觉我们会使用 var $ = require('jquery') 。

将以下代码保存为app.js

?
1
2
3
4
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。

?
1
2
3
4
5
6
7
8
9
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呢?

?
1
2
3
var $ = require( 'jquery' )(require( "jsdom" ).jsdom().defaultView);
$( "body" ).append( "<div>TEST</div>" );
console.log($( "body" ).html());

一样运行OK。

以上就是本文给大家分享的全部内容了,希望对大家学习node.js能够有所帮助

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值