Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información. Aceptar

Diferencias entre JavaScript y jQuery

Juan Diego Pérez Jiménez
  • Escrito por Juan Diego Pérez Jiménez el 22 de Marzo de 2020
  • 1 min de lectura Desarrollo Web
Diferencias entre JavaScript y jQuery

Vamos a ver de manera breve cuáles son las diferencias entre JavaScript y jQuery.

  • jQuery está construido sobre JavaScript

Para facilitar cierto tipo de operaciones, jQuery se desarrolló sobre JavaScript.

  • JavaScript es un lenguaje de programación y jQuery es una API construida sobre JavaScript.

  • JavaScript está escrito en C y jQuery está escrito sobre JavaScript

  • En JavaScript hay que tener cuidado con las características específicas de cada navegador, aunque cada vez menos, ya que se van adaptando al estándar, mientras en jQuery no tenemos que preocuparnos por esas diferencias, ya que está pensado para ser cross browser, es decir, para funcionar de la misma forma en todos los navegadores.

  • En JavaScript se necesitan más líneas de código que para conseguir lo mismo que en jQuery.

  • En JavaScript tenemos un acceso directo al DOM de los navegadores, mientras que en jQuery se añade una capa encima de funcionalidad que puede hacer que pierda rendimiento.

Diferencias de sintaxis entre JavaScript y jQuery

Las diferencias más importantes entre JavaScript y jQuery son las referentes a la sintaxis, como podemos observar en la imagen siguiente:

Imagen 0 en Diferencias entre JavaScript y jQuery

En el primer ejemplo se muestra cómo obtener un elemento, tanto en JavaScript como en jQuery.

En el segundo vemos cómo cambiar una propiedad CSS, que mientras en JavaScript hay que acceder al atributo style y a fontSize para cambiarlo, en jQuery se hace de forma más simple.

El tercer ejemplo sería la forma de capturar eventos, que en JavaScript hay que seleccionar el elemento, añadir un Listener, un click y un event, mientras que en jQuery se hace mucho más fácilmente.

Relacionado

Te dejamos una selección de cursos, carreras y artículos

Frontend Developer Profesional

Frontend Developer Profesional

carrera

Incluye 16 cursos:

  • Curso de Polymer
  • Optimización Web en el Navegador
  • Curso Online de PostCSS para Frontends

y 13 cursos más!

Duración: 58 horas y 42 minutos

Curso de jQuery

Curso de jQuery

curso

Con este curso aprenderás:

  • Aprenderás a instalar jQuery.
  • Conocerás las distintas versiones de jQuery.
  • Aprenderás a seleccionar los distintos elementos de tu página de muchas maneras diferentes usando jQuery, sus selectores y sus funciones.

Duración: 5 horas y 24 minutos

Más de 300 empresas confían en nosotros

Oesia
Vass
Everis
Ayesa
Altran
Ibermatica
Atmira
GFI
Accenture
GMV
Concatel
Telefonica
Caser
Banco de España
kpmg
Mapfre
Randstad