📜  如何在 Node.js 中使用 jQuery?

📅  最后修改于: 2022-05-13 01:55:59.826000             🧑  作者: Mango

如何在 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