Aunque hay muchas similitudes entre jQuery y JavaScript, también existen varias diferencias en su sintaxis y funcionalidad. Para eso, primero, comprenda qué está tratando de hacer el código jQuery. Luego, utilice los métodos o atributos alternativos de Vanilla JavaScript.
Este blog discutirá la conversión del código jQuery a JavaScript.
¿Cómo convertir código jQuery a JavaScript?
Para convertir código jQuery a JavaScript, es esencial comprender qué está haciendo el código y qué métodos jQuery se están utilizando. Luego, use los métodos alternativos en JavaScript, como el ' $() 'usado en jQuery para seleccionar elementos mientras que en JavaScript, para seleccionar elementos' documento.querySelector() ' o ' consultaSelectorAll() Se utilizan métodos.
Comprendamos el proceso de conversión con la ayuda de un ejemplo.
Ejemplo
Aquí, tenemos un código jQuery que cambia el color del texto y muestra un texto explicativo al hacer clic en un botón. Para eso, el documento HTML contiene dos botones, texto y una etiqueta
vacía donde se mostrará el nuevo texto al hacer clic en el botón:
< identificación div = 'miDiv' >
< pag clase = 'texto' > Tutorial de JavaScript pag >
< identificación del botón = 'botón' > haga clic aquí botón >
< identificación del botón = 'botón' > haga clic aquí botón >
< identificación p = 'mensaje' > pag >
división >
Al trabajar con jQuery, es obligatorio agregar la biblioteca jQuery en la etiqueta
del documento HTML: < origen del script = 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js' > guion >En la etiqueta