Usuario:ManuelRomero/JavaScript/jquery/conceptosGenerales

–

http://www.desarrolloweb.com/manuales/manual-jquery.html

Qué es JQuery

 * Es una librería de funciones de javascript que facilita el uso de javascript
 * Nosotros nos vamos a centrar en la parte del DOM (elementos y eventos en la página html)
 * También se conoce como un framework, que viene siendo un entorno para desarrollar software en un determinado lenguaje, donde se facilita al desarrollador muchas acciones  a la hora de hacer un programa.

Para qué sirve JQuery
JQuery es un entorno ligero que parte de la filosofía escribe menos, haz mas Manipular la página HTML a través del DOM Manipular CSS Acceder y controlar los eventos de la página html
 * Para usar JQuery, hemos de conocer las tecnologías en las cuales lo vamos a utilizar
 * 1) HTML
 * CSS
 * 1) JavaScript
 * Cosas que se pueden hacer con JQuery:
 * 1) Efectos y animaciones
 * 2) AJAX
 * 3) Incorporar Utilidades
 * 4) HTML/DOM manipulation
 * 5) CSS manipulation
 * 6) HTML event methods
 * 7) Effects and animations
 * 8) AJAX
 * 9) Utilities realizadas en JQuery

Cómo usar JQuery

 * Para usar jquery debemos especificar el fichero donde están los fuentes de la librería

Versión de producción: Versión de desarrollo
 * Podemos indicar dónde está el fuente en internet o descargarlo a nuestro ordenador
 * 1) descargarlo https://jquery.com/download/
 * 2) Especificar su ubucación en internet

Uso de un CDN

 * También a través de un CDN (Content Delivery Network).
 * ¿Qué es un CDN? Grupo de servidores repartidos por todo el mundo en puntos estratégicos y pensados para la distribución de ficheros):
 * CDN de Google:
 * CDN de Microsoft:
 * CDN del propio jQuery:
 * Minified:


 * Full:

Sintaxis

 * La sintaxis de JQuery es muy sencilla
 * La filosofía de uso es hacer una acción sobre un conjunto (1 o mas) elementos seleccionados.


 * La sintaxis básica es
 * Donde
 * 1) $ indica que vamos a acceder a la bliblioteca jQuery
 * 2) selector permitirá identificar el elemento o elementos de la página a la que nos referimos (un determando id, elementos de tipo img, ...
 * 3) accion es la acción que queremos realizar (ocultar, escibir, modificar propiedades, ...)

Especificar cuando se ejecuta

 * Hasta ahora la forma de asignar acciones a los eventos es ir elemento a elemento, especificando en el atributo del evento correspondiente la acción deseada
 * Tomemos el siguiente ejemplo

}}


 * Otra forma de asignar código a un a un  elemento es hacerlo todo desde el script. Es decir asignar a un envento a un elemento o grupo de elementos concretos una acción concreta.
 * Es importante ver lo peculiar del código anterior.


 * Pero ahora nos queda el tema de cuando asignar este código.
 * Debemos de hacerlo una vez que se haya cargado todo la página.
 * Si queremos hacerlo escribiendo el código en la cabecera, podemos usar el evento de que la página se haya cargado

Momento de Ejecución del código Javascript

 * Cuando la página se ha cargado.
 * ¿Por qué? No se puede ejecutar hasta que el DOM se haya cargado completamente
 * Desventaja: Habrá que esperar la carga completa de imágenes y anuncios para su ejecución, que requieren más tiempo.

Momento de Ejecución del código jQuery

 * Cuando el documento (DOM) esté preparado para ser manipulado.
 * Antes de que se carguen imágenes o anuncios.
 * ¡Ojo al efectuar acciones sobre imágenes si no están todavía cargadas!