如何在Node.js中使用jQuery

jQuery是一个JavaScript库，它为我们提供了与vanilla JavaScript相同的功能，但代码行数较少。对jQuery的需求减少了，因为随着更新，在vanilla JavaScript中做事变得简单多了。虽然它的受欢迎程度在下降，但仍有大约76%的项目使用jQuery。

我们的目标是在Node.js中使用jQuery：我们可以使用jquery模块在Node.js中使用jQuery。

注意：使用 “jquery “模块，而不是 “jQuery “模块，因为后者已被废弃。

让jQuery在Node.js中工作：

第1步：制作package.json文件。使用下面的命令来创建package.json文件，它记录了模块和依赖关系。

npm init -y

‘-y’标签使得在创建package.json文件时问的所有问题的默认答案都是yes。

第2步：安装jquery模块。使用下面的命令来安装jquery模块。

npm install jquery

第三步：安装jsdom模块。由于jQuery是一个前端的JavaScript库，它需要有一个带文档的窗口，以便在后端工作。jsdom “是一个用于解析和与HTML互动的库。它不完全是一个网络浏览器，但却模仿了一个网络浏览器。使用下面的命令来安装jsdom模块。

npm install jsdom

第四步：导入jsdom模块。使用require方法来导入jsdom模块。

const jsdom = require('jsdom')

第5步：创建一个新窗口。我们通过创建一个JSDOM对象，以HTML代码为参数，创建一个带有文档的窗口。下面的代码用来创建一个带有文档的窗口：-

const dom = new jsdom.JSDOM("")

第六步：导入jQuery并为其提供一个窗口。一旦创建了带有文档的窗口，我们就可以通过向我们创建的窗口提供jquery模块来使用它。下面的代码用于导入jquery模块。

const jquery = require('jquery')(dom.window)

就这样，我们已经成功地将jquery加载到我们的Node.js应用程序中。

例子：为了更好地了解它是如何工作的，请通过下面的例子：-

// Importing the jsdom module
const jsdom = require("jsdom");
  
// Creating a window with a document
const dom = new jsdom.JSDOM(`<!DOCTYPE html>
<body>
<h1 class="heading">
    GeeksforGeeks
</h1>
</body>
`);
  
// Importing the jquery and providing it
// with the window
const jquery = require("jquery")(dom.window);
  
// Appending a paragraph tag to the body
jquery("body").append("<p>Is a cool Website</p>");
  
// Getting the content of the body
const content = dom.window.document.querySelector("body");
  
// Printing the content of the heading and paragraph
console.log(content.textContent);

输出: