Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/jquery/conceptosGenerales»
De WikiEducator
< Usuario:ManuelRomero | JavaScript | jquery
(→Para qué sirve JQuery) |
(→Sintaxis) |
||
Línea 30: | Línea 30: | ||
===Cómo usar JQuery=== | ===Cómo usar JQuery=== | ||
===Sintaxis=== | ===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 | ||
+ | <source lang=javascript> | ||
+ | $(selector).accion(); | ||
+ | </source> | ||
+ | *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 , ...) | ||
+ | |||
====Seleccionar elementos del DOM con JQuery==== | ====Seleccionar elementos del DOM con JQuery==== | ||
====Aplicando efectos con JQuery==== | ====Aplicando efectos con JQuery==== |
Revisión de 10:16 2 abr 2016
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 , ...)