Verwenden Sie das NPM jQuery-Modul

Sheeraz Gul 15 Februar 2024
Verwenden Sie das NPM jQuery-Modul

NPM ist Teil des Pakets node.js. Dieses Tutorial demonstriert die Installation und Verwendung des jQuery-Moduls npm.

Verwenden Sie das NPM jQuery-Modul

Installieren Sie Node.js mit NPM

Um das jQuery-Modul npm zuerst zu verwenden, müssen wir das Modul npm installieren, das im Paket node.js enthalten ist. Gehen Sie zu diesem Link und laden Sie Ihr Installationsprogramm herunter.

NPM-Installer

Nachdem das Installationsprogramm heruntergeladen wurde, besteht der nächste Schritt darin, das Installationsprogramm auszuführen.

Führen Sie das NPM-Installationsprogramm aus

Nachdem Sie das Installationsprogramm ausgeführt haben, klicken Sie auf Next und akzeptieren Sie die Vereinbarung; Drücken Sie danach dreimal Next.

Akzeptieren Sie das NPM-Installationsprogramm

Aktivieren Sie die Option Notwendige Tools automatisch installieren, klicken Sie auf Weiter und dann auf Installieren.

NPM installieren

Wenn die Installation abgeschlossen ist, klicken Sie auf Fertigstellen und die Node.js mit npm wird installiert.

Überprüfen Sie die Installation über die Eingabeaufforderung oder PowerShell. Führen Sie den folgenden Befehl aus.

npm -v

Überprüfen Sie NPM

Sobald Node.js mit npm installiert ist, ist der nächste Schritt die Installation des Moduls jquery mit npm.

Installieren Sie jquery mit NPM

Stellen Sie sicher, dass Sie das Modul jquery installieren, nicht jQuery. Folgen Sie den unteren Schritten.

Schritt 1: Erstellen Sie die Datei package.json, indem Sie den folgenden Befehl in der Eingabeaufforderung verwenden, um Abhängigkeiten und Module zu verfolgen.

npm init -y

Die Ausgabe für den obigen Befehl sieht in etwa so aus:

C:\>npm init -y
Wrote to C:\package.json:

{
  "name": "",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Schritt 2: Installieren Sie das Modul jquery; verwenden Sie den folgenden Befehl.

npm install jquery

Schritt 3: Sobald das Modul jquery installiert ist, ist der nächste Schritt die Installation von jsdom, da jQuery eine Frontend-Bibliothek ist; Aus diesem Grund benötigt es ein Fenster für Backend-Operationen. Verwenden Sie den folgenden Befehl, um jsdom zu installieren.

npm install jsdom

Schritt 4: Importieren Sie das jsdom-Modul in JavaScript.

const dom = new jsdom.JSDOM("")

Schritt 5: Erstellen Sie ein neues jsdom-Fenster, das vom JSDOM-Objekt mit HTML-Code als Parameter erstellt wurde. Siehe das Beispiel unten.

const dom = new jsdom.JSDOM("")

Schritt 6: Importieren Sie nun jquery und versehen Sie es mit einem Fenster. Verwenden Sie den folgenden Code.

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

Lassen Sie uns nun ein Beispiel ausprobieren, um jquery mit npm zu verwenden. Siehe Beispiel:

// Import the jsdom module
const jsdom = require('jsdom');

// Create a window with a document
const dom = new jsdom.JSDOM(`<!DOCTYPE html>
<body>
<h2> DELFTSTACK </h2>
<p>This is delftstack.com</p>
</body>
`);

// Import the jquery with window
const jquery = require('jquery')(dom.window);

// Append a HTML element to the body
jquery('body').append('<p> The Best Tutorial Site </p>');

// Get the content of the body
const Body_Content = dom.window.document.querySelector('body');

// Print the content of body
console.log(Body_Content.textContent);

Der obige Code verwendet npm jquery, um einige HTML-Inhalte an den Textkörper anzuhängen. Siehe Ausgabe:

jquery-NPM

Sheeraz Gul avatar Sheeraz Gul avatar

Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.

LinkedIn Facebook