Utilice el módulo jQuery de NPM

Sheeraz Gul 15 febrero 2024
Utilice el módulo jQuery de NPM

NPM es parte del paquete node.js. Este tutorial demuestra la instalación y el uso del módulo jQuery npm.

Utilice el módulo jQuery de NPM

Instalar Node.js con NPM

Para usar el módulo jQuery npm primero, necesitamos instalar el módulo npm, que se incluye en el paquete node.js. Vaya a este enlace y descargue su instalador.

Instalador de NPM

Una vez que se descarga el instalador, el siguiente paso es ejecutar el instalador.

Ejecutar el instalador de NPM

Después de ejecutar el instalador, presione Siguiente y acepte el acuerdo; después de eso, presione el botón Siguiente tres veces.

Aceptar el instalador de NPM

Marque la opción instalar automáticamente las herramientas necesarias, haga clic en Siguiente y luego haga clic en Instalar.

Instalación de NPM

Una vez completada la instalación, haga clic en Finalizar, y se instalará el Node.js con npm.

Verifique la instalación a través del símbolo del sistema o PowerShell. Ejecute el siguiente comando.

npm -v

Verificar NPM

Una vez instalado el Node.js con npm, el siguiente paso es instalar el módulo jquery con npm.

Instalar jquery con NPM

Asegúrese de instalar el módulo jquery, no el jQuery. Siga los pasos a continuación.

Paso 1: Cree el archivo package.json utilizando el siguiente comando en el símbolo del sistema para realizar un seguimiento de las dependencias y los módulos.

npm init -y

La salida para el comando anterior será algo como esto:

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"
}

Paso 2: Instale el módulo jquery; use el siguiente comando.

npm install jquery

Paso 3: Una vez instalado el módulo jquery, el siguiente paso es instalar jsdom porque jQuery es una biblioteca front-end; es por eso que necesita una ventana para las operaciones de backend. Use el siguiente comando para instalar jsdom.

npm install jsdom

Paso 4: Importa el módulo jsdom en JavaScript.

const dom = new jsdom.JSDOM("")

Paso 5: Cree una nueva ventana jsdom creada por el objeto JSDOM con código HTML como parámetro. Vea el ejemplo a continuación.

const dom = new jsdom.JSDOM("")

Paso 6: ahora importe jquery y proporcione una ventana. Usa el siguiente código.

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

Ahora probemos un ejemplo para usar jquery con npm. Ver ejemplo:

// 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);

El código anterior usará npm jquery para agregar contenido HTML al cuerpo. Ver salida:

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