Curso de jQuery-Introducción

jQuery

Tutorial para desarrollar en Web mediante jQuery.

Introducción | Efectos | html | Eventos | Ajax | Plugins  | jQueryUI

Validación de Formularios

Instalación

• html
• Conocimiento básico de javascript
• Conocimiento básico de document object model (DOM)

Conceptos básicos

• jQuery es una librería de funciones JavaScript:
• “Write less, do more” (escribe menos, haz más)
• Funcionalidad:

Selección y manipulación de elementos HTML y CSS

Funciones de eventos en HTML

Efectos y animaciones de JavaScript

AJAX

Compatibilidad con todos los navegadores

…

Primer ejemplo

• Versión actual de jQuery: 1.10.2 y 2.0.3
• Licencia MIT
• La funcionalidad es la misma
• La rama 2.x no es compatible con IE 6-8
• La rama 2.x es algo más ligera
• Usaremos la rama 1.x:

Misma funcionalidad

Mayor compatibilidad

Mensajes de error

• Versión de producción:

Minified y comprimida

Aproximadamente 90KB

• Versión de desarrollo:

Sin comprimir

Aproximadamente 3 veces más pesada, en torno a 270KB

• La rama 2.x pesa un 10% menos, resulta inapreciable

• Se puede descargar de la web de jQuery

• Versión de producción:

	<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

• Versión de desarrollo

	<script type="text/javascript" src="jquery-1.10.2.js"></script>

Reglas y métodos de validación personalizados

Datagrid