jQuery es una biblioteca de JavaScript, que nos brinda la misma funcionalidad que JavaScript estándar pero en menos líneas de código. La necesidad de jQuery se reduce ya que hacer las cosas se volvió mucho más simple en JavaScript estándar con actualizaciones. Aunque su popularidad está disminuyendo, todavía alrededor del 76% de los proyectos usan jQuery.
Nuestro objetivo es usar jQuery con Node.js: Podemos usar jQuery en Node.js usando el módulo jquery .
Nota: use el módulo ‘jquery’, no el módulo ‘jQuery’, ya que este último está en desuso.
Hacer que jQuery funcione en Node.js:
-
Paso 1: Crear el archivo package.json. Utilice el siguiente comando para crear el archivo package.json, que realiza un seguimiento de los módulos y las dependencias.
npm init -y
La etiqueta ‘-y’ hace que sí sea la respuesta predeterminada para todas las preguntas formuladas al crear el archivo package.json.
-
Paso 2: Instalación del módulo jquery. Use el siguiente comando para instalar el módulo jquery.
npm install jquery
-
Paso 3: Instalación del módulo jsdom. Dado que jQuery es una biblioteca de JavaScript de frontend, debe tener una ventana con un documento para trabajar en el backend. ‘jsdom’ es una biblioteca que se utiliza para analizar e interactuar con el HTML. No es exactamente un navegador web pero lo imita. Use el siguiente comando para instalar el módulo jsdom.
npm install jsdom
-
Paso 4: Importación del módulo jsdom. Utilice el método require para importar el módulo jsdom.
const jsdom = require('jsdom') -
Paso 5: Creación de una nueva ventana. Creamos una ventana con un documento creando un objeto JSDOM, con el código HTML como parámetro. El siguiente código se usa para crear una ventana con un documento: –
const dom = new jsdom.JSDOM("") -
Paso 6: Importar jQuery y proporcionarle una ventana. Una vez que se crea la ventana con un documento, podemos usar el módulo jquery proporcionándole la ventana que creamos. El siguiente código se usa para importar el módulo jquery.
const jquery = require('jquery')(dom.window)
Eso es todo, hemos cargado con éxito jquery en nuestra aplicación Node.js.
Ejemplo: para comprender mejor cómo funciona, consulte el siguiente ejemplo: –
Javascript
// 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);
Producción:
GeeksforGeeks Is a cool website
Publicación traducida automáticamente
Artículo escrito por coder_srinivas y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA