Jquery

Índice

Introducción. 2

Objetivo. 2

Software a utilizar. 2

Marco teorico 3

6.1 Que es jquery y aplicaciones 3

6.2 Esquema de un programa con jquery 4

6.3 Selección de elemento por id 10

6.4 Selección de elementos por tipo de elementos 15

6.5 Selección de elementos por clase. 19

7. Conclusión. 20

Fuentes de información: 20

Introducción.

En este documento se mostrara información acerca del framework de javascript llamado “jquery”, asi como tambien el proceso de descarga e implementación de esta librería y la selección de elementos por medio de id, clase y tipo.

Jquery es una excelente herramienta que simplifica la programación facilitándonos el uso de elementos html ya que se puede interactuar directamente con ellos lo cual nos permite omitir gran parte de nuestro código haciendo uso de javascript por medio de este, y no es necesario usar atributos de html, puede ser utilizado en distintos navegadores y nos sirve para desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Es software libre y de código abierto y al igual que otros framework basados en javascript este ofrece una serie de funcionalidades que al ser bien implementadas nos ayudara a obtener buenos resultados en menos tiempo y espacio.

Objetivo.

• Realizar el proceso de descarga e instalación de jquery

• Aprender y aplicar como se seleccionan los elementos del documento de html con jquery.

Software a utilizar.

Para llevar a cabo nuestro objetivo aremos uso de los siguientes programas.

Sistema operativo: Windows.

weBuilder: Este es un programa editor de texto orientado a la programación web en el cual se pueden usar distintos lenguajes.

Navegador: Google chroome

Jquery: Potente Framework basado en javascript.

Marco teorico

6.1 Que es jquery y aplicaciones

¿Qué es jquery?

jQuery es una biblioteca gratuita de Javascript, cuyo objetivo principal es simplificar las tareas de creación de páginas web responsivas, acordes a lo estipulado en la Web 2.0, la cual funciona en todos los navegadores modernos. Por otro lado, se dice que jQuery ayuda a que nos concentremos de gran manera en el diseño del sitio, al abstraer por completo todas las características específicas de cada uno de los navegadores. Otra de las grandes ventajas de jQuery es que se enfoca en simplificar los scripts y en acceder/modificar el contenido de una página web. Finalmente, jQuery agrega una cantidad impresionante de efectos nuevos a Javascript, los cuales podrán ser utilizados en tus sitios Web.

Aplicaciones.

Se aplica en funcionalidades comunes de DOM, eventos, efectos y AJAX. Ayudándonos a realizar galerías de fotos dinámicas, validación de formularios, calendarios, animaciones entre otras cosas, y su característica principal es cambiar el contenido de una página sin necesidad de recargarla.

Escenarios que se facilitan con el uso de jQuery:

• Carga de la página -> Configuraciones de la página

• Eventos -> Agarrar contenido de la página, manipula o anima el contenido, regresa el contenido

Beneficios del uso de jQuery:

• jQuery utiliza sintaxis muy parecida a CSS.

• Funciona con series de elementos.

• Permite manipular series de elementos y modificarlas con una simple línea de código. (Encadenamiento de enunciados).

• Te ayuda a concentrarte en el resultado final.

• jQuery es muy fácil de expandir, ya que cuenta con gran cantidad de plug-ins que se pueden utilizar o hasta crear uno propio.

• Compatible con todos los navegadores modernos.

6.2 Esquema de un programa con jquery

Para realizar el esquema de un programa jquery primero descargaremos el framework.

Entramos al sitio oficial de jquery (jquery.com).

Damos clic en jquery.

Después daremos clic en custom download

Hasta el final de la página damos en donwload.

Se descargara un archivo.zip llama jquery-ui-1.10.4.custom

Entramos

...