Diferencia entre revisiones de «Usuario:ManuelRomero/JavaScript/jquery/conceptosGenerales»
De WikiEducator
< Usuario:ManuelRomero | JavaScript | jquery
(→Sintaxis) |
(→Cómo usar JQuery) |
||
Línea 29: | Línea 29: | ||
===Cómo usar JQuery=== | ===Cómo usar JQuery=== | ||
+ | *Para usar jquery debemos especificar el fichero donde están los fuentes de la librería | ||
+ | {{Nota|*Al final solo son una librerías de javascript que van a hacer más facil hacer ciertas tareas}} | ||
+ | *Podemos indicar dónde está el fuente en internet o descargarlo a nuestro ordenador | ||
+ | # descargarlo https://jquery.com/download/ | ||
+ | # Especificar su ubucación en internet | ||
+ | Versión de producción: | ||
+ | <source lang=javascript> | ||
+ | <script type="text/javascript" src="jquery-1.10.2.min.js"></script> | ||
+ | </source> | ||
+ | Versión de desarrollo | ||
+ | <source lang=javascript> | ||
+ | <script type="text/javascript" src="jquery-1.10.2.js"></script> | ||
+ | </source> | ||
+ | |||
===Sintaxis=== | ===Sintaxis=== | ||
*La sintaxis de JQuery es muy sencilla | *La sintaxis de JQuery es muy sencilla |
Revisión de 10:38 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
- Para usar jquery debemos especificar el fichero donde están los fuentes de la librería
(: *Al final solo son una librerías de javascript que van a hacer más facil hacer ciertas tareas)
- Podemos indicar dónde está el fuente en internet o descargarlo a nuestro ordenador
- descargarlo https://jquery.com/download/
- Especificar su ubucación en internet
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>
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 , ...)