Es una librería de JavaScript que permite minimizar la cantidad de código y a su vez simplificar el desarrollo. Se ha vuelto extremadamente popular por su capacidad de estandarizar el desarrollo de código.

Actualmente sigue siendo utilizado sin embargo al mismo tiempo se ha vuelvo popular utilizar Vanilla JavaScript. Simplifico también las llamadas a la API.

Es de mucho utilidad para manipular el DOM, aplicar estilos, definir eventos, etc.

Instalar JQuery

Debes copiar el link de https://developers.google.com/speed/libraries/#libraries

en este caso:

<script src="<https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js>"></script>

o el link de https://code.jquery.com, seleccionando la versión minificada.

<script src="<https://code.jquery.com/jquery-3.4.1.min.js>" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>

Lista de funciones con las que deberías familiarizarte:

• Efectos (funciones para hacer algunos efectos de animación geniales)
  • .hide()
  • .show()
  • .toggle()
  • .slideUp() - no disponible en la versión slim
  • .slideDown() - no disponible en la versión slim
  • .slideToggle() - no disponible en la versión slim
  • .fadeOut() - no disponible en la versión slim
  • .fadeIn() - no disponible en la versión slim
• CSS (agregar o quitar una clase para cualquier elemento/DOM de HTML)
  • .addClass()
  • .removeClass()
  • .css()
• Manipulación (recuperar o configurar un valor o texto en cualquier elemento de HTML)
  • .after()
  • .append()
  • .prepend()
  • .attr()
  • .before()
  • .html()
  • .text()
  • .val()
• Eventos (funciones para manejar un evento)
  • .click()
  • .hover()

Seleccionar un elemento con JQuery

$('h1') $('#contact') $('.title')

Ocultar un elemento de JQuery:

$('#chat').hide()

Mostrar un elemento:

$('#chat').show()