Usuario:ManuelRomero/JavaScript/jquery/conceptosGenerales
De WikiEducator
< Usuario:ManuelRomero | JavaScript | jquery
Revisión a fecha de 10:16 2 abr 2016; ManuelRomero (Discusión | contribuciones)
Contenido
- 1 Programación web al lado del cliente
- 1.1 Qué es JQuery
- 1.2 Para qué sirve JQuery
- 1.3 Cómo usar JQuery
- 1.4 Sintaxis
- 1.4.1 Seleccionar elementos del DOM con JQuery
- 1.4.2 Aplicando efectos con JQuery
- 1.4.3 Encadenando métodos en JQuery
- 1.4.4 Dom y JQuery; Modificando elemntos
- 1.4.5 Dom y JQuery; Accediendo a los atributos
- 1.4.6 JQuery y CSS
- 1.4.7 JQuery y Formularios
- 1.4.8 JQuery y Eventos
- 1.4.9 JQuery Validando formularios con plugin
- 1.4.10 JQueryUI: Interfaz gráfico con JQuery
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
- Para usar JQuery, hemos de conocer las tecnologías en las cuales lo vamos a utilizar
- HTML
- CSS
- JavaScript
JQuery es un entorno ligero que parte de la filosofía escribe menos, haz mas
- Cosas que se pueden hacer con JQuery:
Manipular la página HTML a través del DOM Manipular CSS Acceder y controlar los eventos de la página html
- Efectos y animaciones
- AJAX
- Incorporar Utilidades
- HTML/DOM manipulation
- CSS manipulation
- HTML event methods
- Effects and animations
- AJAX
- Utilities realizadas en JQuery
Cómo usar JQuery
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
$(selector).accion();
- Donde
- $ indica que vamos a acceder a la bliblioteca jQuery
- selector permitirá identificar el elemento o elementos de la página a la que nos referimos (un determando id, elementos de tipo img, ...
- accion() es la acción que queremos realizar (ocultar, escibir, modificar propiedades , ...)