Este documento contiene información sobre jQuery, una biblioteca JavaScript que simplifica la interacción con documentos HTML, la manipulación del DOM, el manejo de eventos y el desarrollo de animaciones y funcionalidad AJAX. Explica que jQuery permite realizar tareas comunes con menos líneas de código, y también simplifica aspectos complejos de JavaScript como las llamadas AJAX y la manipulación del DOM. Finalmente, detalla los pasos básicos para incluir jQuery en una página web.

1. FECHA ÚLTIMA REVISIÓN: 13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004
CARRERA DE INGENIERÍA EN TECNOLOGÍAS DE LA INFORMACIÓN
PERÍODO
Septiembre 2019 - Febrero 2020
ASIGNATURA
INTEGRANTES
Jennifer Cadena, James Guerrero y Wendy Puchaicela
NIVEL
Quinto “A”
DOCENTE
Ing. Héctor Revelo
UNIVERSIDAD DE LAS FUERZAS ARMADAS ESPE
DEPARTAMENTO DE CIENCIAS DE LA COMPUTACIÓN

2. FECHA ÚLTIMA REVISIÓN: 13/12/11 VERSIÓN: 1.0CÓDIGO: GDI.3.1.004
jQuery

3. VERSIÓN: 1.0
jQuery es una biblioteca multiplataforma de JavaScript,
creada inicialmente por John Resig, que permite simplificar
la manera de interactuar con los documentos HTML,
manipular el árbol DOM*, manejar eventos, desarrollar
animaciones y agregar interacción con la técnica AJAX* a
páginas web.
Es software libre y de código abierto, posee un doble
licenciamiento bajo la Licencia MIT y la Licencia Pública
General de GNU v2, permitiendo su uso en proyectos libres
y privados.
*DOM ('Modelo de Objetos del Documento' o 'Modelo en Objetos para la Representación de
Documentos') es esencialmente una interfaz de plataforma que proporciona un conjunto estándar de
objetos para representar documentos HTML, XHTML y XML
*AJAX: acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML) técnica de
desarrollo web para crear aplicaciones interactivas.

4. VERSIÓN: 1.0
¿Qué es jQuery?
● jQuery es una librería JavaScript ligera, "escribir menos, hacer más".
● El propósito de jQuery es hacer mucho más fácil el uso de JavaScript en su
sitio web.
● jQuery toma muchas tareas comunes que requieren muchas líneas de código
JavaScript para realizar, y las envuelve en métodos a los que puede llamar con
una sola línea de código.
● jQuery también simplifica muchas de las cosas complicadas de JavaScript,
como las llamadas AJAX y la manipulación de DOM.
La biblioteca jQuery contiene las siguientes características:
➔ Manipulación de HTML/DOM
➔ Manipulación de CSS
➔ Métodos de eventos HTML
➔ Efectos y animaciones
➔ AJAX
➔ Servicios públicos
➔ Además, jQuery tiene plugins para casi cualquier tarea.

5. VERSIÓN: 1.0
¿Por qué jQuery?
Hay muchos otros marcos de trabajo de JavaScript, pero
jQuery parece ser el más popular, y también el más
extensible.
Muchas de las empresas más grandes de la Web utilizan
jQuery, como por ejemplo:
➢ Google
➢ Microsoft
➢ IBM
➢ Netflix

6. VERSIÓN: 1.0
VENTAJAS:
❖ jQuery es una biblioteca de JavaScript.
❖ jQuery simplifica enormemente la programación de
JavaScript.
❖ jQuery es fácil de aprender.

7. VERSIÓN: 1.0
¿Qué nos permite realizar jQuery?
Nos permite agregar interactividad a nuestra web sin tener
grandes conocimientos de programación.
Usar galerías de fotos dinámicas y elegantes, validación de
formularios, calendarios, hacer aparecer y desaparecer
elementos en nuestra página
Posibilidad de usar AJAX para mejorar la interactividad,
velocidad y usabilidad de nuestra web.

8. VERSIÓN: 1.0
Pasos para utilizar jQuery en tu página web
Descarga la última versión del
framework
Tenemos dos opciones para descargar
jQuery, comprimido y sin comprimir.

9. VERSIÓN: 1.0
El resultado de la descarga es un archivo con extensión js que
guardaremos en una carpeta de nuestro equipo.
<script src="js/jquery-3.2.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
● Ese vínculo conviene colocarlo dentro del body y hacia el
final del HTML para no ralentizar la carga de los contenidos.
● Si descargamos el archivo y lo vinculamos de esa manera,
debemos subir el archivo a nuestro hosting.

10. VERSIÓN: 1.0
Ejemplo JavaScript vs JQuery

11. VERSIÓN: 1.0
REFERENCIAS:
https://www.w3schools.com/jquery/default.asp