如何在 Node.js 中使用 jQuery？

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

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

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

让 jQuery 在 Node.js 中工作：

• 第 1 步：制作 package.json 文件。使用以下命令创建 package.json 文件，用于跟踪模块和依赖项。

  npm init -y

  ‘-y’ 标记使 yes 成为创建 package.json 文件时提出的所有问题的默认答案。

• 第二步：安装jquery模块。使用以下命令安装 jquery 模块。

  npm install jquery

• 第 3 步：安装 jsdom 模块。由于 jQuery 是一个前端 JavaScript 库，因此它需要有一个包含文档的窗口才能在后端工作。 ‘jsdom’ 是一个用于解析 HTML 并与 HTML 交互的库。它不完全是一个网络浏览器，而是模仿一个。使用以下命令安装 jsdom 模块。

  npm install jsdom

• 第 4 步：导入 jsdom 模块。使用 require 方法导入 jsdom 模块。

  const jsdom = require('jsdom')

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

  const dom = new jsdom.JSDOM("")

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

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

至此，我们已成功将 jquery 加载到我们的 Node.js 应用程序中。

示例：为了更好地了解它的工作原理，请查看以下示例：-

Javascript

// Importing the jsdom module
const jsdom = require("jsdom");
  
// Creating a window with a document
const dom = new jsdom.JSDOM(`


    GeeksforGeeks


`);
  
// 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("
Is a cool Website
");
  
// 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);

输出：

GeeksforGeeks
Is a cool website