En este artículo, aprenderemos Javascript y jQuery, y sus diferencias básicas a través de los ejemplos.
JavaScript : es un importante lenguaje de programación de secuencias de comandos que se utiliza para hacer que los sitios web sean más receptivos e interactivos. Es una de las partes pivotadas junto con HTML y CSS que se utilizan para crear páginas web. Si HTML y CSS decoran y diseñan las páginas web, Javascript hace que las páginas web sean dinámicas (podemos decir que les da vida). JavaScript es un importante lenguaje del lado del cliente. No solo se limita al desarrollo de sitios web, sino que también se usa en muchos programas de escritorio y servidor (Node.js es el ejemplo más conocido) y algunas bases de datos, como MongoDB y CouchDB, también usan JavaScript. Cada vez que su navegador analiza una página web, su responsabilidad es crear una presentación de estructura de árbol en la memoria.
Ejemplo: este ejemplo utiliza el concepto de bucle de Javascript para imprimir los números.
HTML
<!DOCTYPE html>
<html>
<body>
<p>A loop with a
<mark>continue</mark> statement.
</p>
<p>loop will skip the iteration where k = 7.</p>
<p id="maddy"></p>
<script>
var text = "";
var k;
for (k = 0; k < 10; k++) {
if (k === 7) {
continue;
}
text += "The number is " + k + "<br>";
}
document.getElementById("maddy").innerHTML = text;
</script>
</body>
</html>
Producción:
Salida JavaScript
jQuery: JQuery es un marco para javaScript que se desarrolló a partir de JavaScript. Es la biblioteca JavaScript más popular inventada por John Resign y fue lanzada en enero de 2006 en BarCamp NYC. Es una biblioteca gratuita de código abierto y es una biblioteca de JavaScript rápida, concisa y rica en funciones y también tiene compatibilidad entre navegadores. El propósito de jQuery es facilitar la vida de las masas para que puedan desarrollar fácilmente sitios web y aplicaciones basadas en navegador utilizando javaScript. De manera concisa, podemos decir que el entorno «JQuery es una biblioteca para proporcionar un mejor desarrollo de páginas web del lado del cliente» al desarrollador con la ayuda de su biblioteca rica en funciones.
- Manipulación de DOM: los elementos DOM se pueden atravesar y modificar fácilmente.
- Animaciones Muchas funciones integradas para animaciones.
- Manejo y manipulación de eventos HTML.
- Ajax es mucho más simple con una API fácil de usar que funciona en una multitud de navegadores.
- manipulación de CSS
- Tiene una biblioteca de widgets de interfaz de usuario de alto nivel.
- Compatibilidad con varios navegadores: funciona bien en navegadores como Chrome, Opera, etc.
- Peso ligero: Solo 19kb de tamaño.
- Y otras utilidades comunes
Ejemplo: este ejemplo utiliza el método show() y el método hide() para cambiar el elemento a mostrar.
HTML
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
<script>
$(document).ready(function () {
$("#hide").click(function () {
$("h1").hide();
});
$("#show").click(function () {
$("h1").show();
});
});
</script>
</head>
<body>
<h1>
<mark>
On clicking the "Hide_me" button, I will disappear.
</mark>
</h1>
<button id="hide">Hide_me</button>
<button id="show">Show_me</button>
</body>
</html>
Salida: Al hacer clic en el botón Hide_me, el encabezado marcado arriba desaparecerá, pero tan pronto como hagamos clic en el botón Show_me, volverá a aparecer.
Alternar para ver el elemento oculto
Las diferencias clave entre JavaScript y JQuery son las siguientes:
JavaScript |
|
jQuery |
||
|---|---|---|---|---|
| 1. |
JavaScript usa JIT [Just in Time Compiler], que es una combinación de intérprete y Compile y está escrito en C. Es una combinación de script ECMA y DOM (Document Object Model). |
|
Mientras que JQuery utiliza los recursos proporcionados por JavaScript para facilitar las cosas. Es una biblioteca ligera de JavaScript. Solo tiene el DOM. |
|
| 2. |
JavaScript usa largas líneas de código ya que un individuo tiene que escribir el código por sí mismo. |
|
Con JQuery, uno tiene que escribir menos líneas de código que con JavaScript. Solo necesitamos importar la biblioteca y usar las únicas funciones o métodos específicos de la biblioteca en nuestro código. |
|
| 3. |
En JavaScript, tenemos que escribir código adicional o movernos para tener compatibilidad entre navegadores. |
|
JQuery tiene una característica incorporada de compatibilidad entre navegadores. No necesitamos preocuparnos por escribir líneas adicionales de código o movernos para que nuestro código sea compatible con cualquier navegador. |
|
| 4. |
JavaScript puede ser una carga para un desarrollador, ya que puede tomar varias líneas de código largo para lograr la funcionalidad. |
|
A diferencia de JavaScript, JQuery es más fácil de usar, solo se deben escribir unas pocas líneas de código para tener su funcionalidad. |
|
| 5. |
JavaScript es detallado porque uno tiene que escribir su propio código de secuencias de comandos, lo que lleva mucho tiempo. |
|
JQuery es conciso y no es necesario escribir mucho, ya que ya existen secuencias de comandos. |
|
| 6. |
JavaScript puro puede ser más rápido para la selección/manipulación de DOM que jQuery, ya que JavaScript es procesado directamente por el navegador y reduce la sobrecarga que realmente tiene JQuery. |
|
JQuery también es rápido con navegadores modernos y computadoras modernas. JQuery debe convertirse a JavaScript para que se ejecute en un navegador. |
|
| 7. |
Podemos hacer animaciones en JavaScript con muchas líneas de código. Las animaciones se realizan principalmente manipulando el estilo de una página Html. |
|
En JQuery, podemos agregar efectos de animación fácilmente con menos líneas de código. |
|
| 8. |
JavaScript es un lenguaje, obviamente, sería más pesado que JQuery. |
|
Si bien JQuery es una biblioteca, derivada de JavaScript, por lo tanto, es liviana. |
|
| 9. |
JavaScript es un lenguaje independiente y puede existir por sí solo. |
|
JQuery es una biblioteca de JavaScript. No se habría inventado si JavaScript no estuviera allí. jQuery aún depende de JavaScript, ya que debe convertirse a JavaScript para que el motor de JavaScript incorporado del navegador lo interprete y ejecute. |
|
| 10 | Brendan Eich creó JavaScript en Netscape. | jQuery es creado por John Resig. | ||
| 11 | JavaScript es un lenguaje de programación. | jQuery es una interfaz de programación de aplicaciones (API). | ||
Ventajas de JavaScript –
- JavaScript acelera la ejecución de un programa y ahorra el tiempo necesario para conectarse al servidor.
- Proporciona numerosas interfaces a los desarrolladores para crear páginas web atractivas.
- Es capaz de desarrollar back-end y front-end.
- La estructura de JavaScript es simple tanto para los usuarios como para los desarrolladores.
Ventajas de jQuery –
- jQuery es inmensamente flexible ya que permite a los usuarios agregar complementos.
- Tiene una interfaz de usuario incorporada y bibliotecas de efectos.
- Puede realizar operaciones JavaScript complicadas en muy poco código.
- Es gratuito, es compatible con diferentes aplicaciones y también proporciona una solución muy eficiente y rápida a los problemas.
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» . Consulte los artículos Tutorial de jQuery y Ejemplos de jQuery para obtener más detalles.
Publicación traducida automáticamente
Artículo escrito por madhav_mohan y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA