Presentado :

- David Lizárraga Mendoza

CONCEPTO

• es una biblioteca 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.

jQuery

es software libre y de código abierto, posee un doble licenciamiento

Licencia MIT

Licencia Pública General de GNU v2

permitiendo su uso en proyectos libres y privados.jQuery ofrece una serie de funcionalidades basada en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

Compatibilidad de jQUERY

Opera 9+

Internet

Explorer 6+

Firefox 2.0+

Safari 2.0.2+

Google Chrome

8+

Características de jQuery

Acceder al documento HTML (DOM = Document Object Model) Modificar la apariencia de la pagina.Modificar el contenido de la pagina.Manejar eventos de los elementos de la pagina.

Crear efectos visuales. -Manipular estilos CSS (Cascading Style Sheets).

AJAX (Asynchronous JavaScript + XML)

Simplificar tareas comunes de JavaScript: manipulación de arrays, iteración de arrays, operar con objetos

Manipulación en JSON (JavaScript Object Notation)Programación bajo el

paradigma no invasivo.

Un simple, pero potente sistema de plugins que permite extender a jQuery.

Selectores jQuery

•  jQuery nos permite acceder a cualquier elemento de un documento HTML mediante un lenguaje de selectores.

$('div') – Devuelve todos los elementos DIV de una página web. $('#divDatosUsu') – Devuelve el elemento que contenga el ID divDatosUsu. $('.boton') – Devuelve todos los elementos que contengan la CLASS boton. $('*') – Devuelve todos los elementos existentes en una página web. 

$('#miDiv, .boton') – Devuelve el elemento que contenga el ID miDiv y todos los elementos que contengan la CLASS boton. $('input[type=radio][name=empresa]') – Devuelve todos los elementos del tipo input(radio) y que tengan el nombre empresa.

Selectores múltiples:

Selectores simples:

Utilidades jQuery

• nos entrega una serie de utilidades para programar de forma mas limpia y libre de errores.Algunas Funciones: -each() - Recorre una colección de objetos -trim() - Elimina espacios en blanco

Programación no invasiva

• QUE SERIA LO IDEAL?, TENER CODIGO LIMPIO, FACIL DE PROGRAMAR Y LEER, TENER UN MECANISMO DE CODIFICACIÓN QUE NOS PERMITA SEPARAR EFICIENTEMENTE EL CODIGO HTML DEL CODIGO JAVASCRIPTS, ESTO ES LLAMADO CODIGO NO INVASIVO. JQUERY NOS PERMITE CODIFICAR DE FORMA SIMPLE, SEPARADA, LIMPIA Y EN EL PARADIGMA DE PROGRAMACIÓN NO INVASIVA. JQUERY CÓDIGO JAVASCRIPT CÓDIGO HTML