JQuery

De Manuais Informática - IES San Clemente.
Saltar a: navegación, buscar

Introducción a jQuery

¿Por qué jQuery?

Javascript non intrusivo

As bases de jQuery

Creación do conxunto de elementos seleccionables

Seleccionando elementos para a súa manipulación

Xestionando o conxunto de elementos seleccionables

Xerando novo contido HTML

Dando vida ás páxinas con jQuery

Propiedades e atributos dos elementos con jQuery

Estilos dos elementos con jQuery

Modificación do contido dos elementos

Mellorando a apariencia con animacións e efectos

Amosar e ocultar elementos

Amosar e ocultar empregando animacións

Creando animacións de usuario específicas

Funcións de utilidade en jQuery

Lista de funcións de Utilidade en jQuery

Ajax e jQuery

Iniciación en Ajax

Control absoluto dunha petición Ajax

Cargando contido nos elementos

Xestionando peticións GET e POST

Peticións AJAX cross-domain con JSONP

Plugins para jQuery

O plugin Form en jQuery

O plugin Dimensions en jQuery

O plugin UI en jQuery

SCREENCAST jQuery - Exemplos de programacion con jQuery

Aprende.png
Sobre os Screencast

Para accesos dende Internet recoméndase escoller o primeiro hiperenlace Screencast.
Para accesos dende o IES San Clemente, escoller o enlace equivalente Mirror Instituto.

Narración, deseño e programación por Rafael Veiga.



Xa podes suscribirte gratuitamente ós Screencast de jQuery co teu iTunes na Apple Store.

Descarga iTunes aqui:

Itunes.jpg


Fai click na imaxen inferior para suscribirte.

JQuery-Itunes-Apple-Store.jpg

OUTRA FORMA DE SUSCRIBIRSE ÓS SCREENCAST SIN SER A TRAVÉS DE ITUNES E APPLE STORE:

.- Abre o Itunes.

.- Ir a Avanzado -> Suscribirse a un podcast...

.- Copiar a seguinte URL, pegar na ventada de URL:

Para screencast visualizables só no PC (alta calidade): http://www.iessanclemente.net/recurso/itunes/jquery_feed.xml

Para screencast compatibles con Iphone, Ipod Touch: http://www.iessanclemente.net/recurso/itunes/jquery_ipod_feed.xml



LISTADO DE SCREENCAST DISPOÑIBLES



Requisitos previos:

Instalación dun servidor Web con Apache + MySql + PHP (7,8 MB)

Screencast: Instalación de XAMPP

Mirror Instituto: Instalación de XAMPP


Creación de usuarios MySQL para su uso en las páginas PHP con phpMyadmin. (11.6 MB)

Screencast: Creacion Usuarios en MySQL con phpMyadmin

Mirror Instituto: Creacion Usuarios en MySQL con phpMyadmin



Exemplo 0:

Introducción a jQuery - Parte 1/2 - HD Youtube

Introducción a jQuery - Parte 2/2 - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".


Exemplo 1: (9.23 Mb)

Screencast: jQuery 1 - Filas pares de una tabla en color diferente. Mirror Instituto: jQuery 1 - Filas pares de una tabla en color diferente.

Filas pares de una tabla en color diferente - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".

Arquivos exemplo: jquery1.zip Mirror Instituto: jquery1.zip



Exemplo 2: (17.2 Mb)

Screencast: jQuery 2 - Trabajando con enlaces. Mirror Instituto: jQuery 2 - Trabajando con enlaces.

Trabajando con enlaces - Youtube


Arquivos exemplo: jquery2.zip Mirror Instituto: jquery2.zip



Exemplo 3: -> (9.43 Mb)

Screencast: jQuery 3 - Iconos en enlaces segun tipo de archivo. Mirror Instituto: jQuery 3 - Iconos en enlaces segun tipo de archivo.

Iconos en enlaces segun tipo de archivo - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".

Arquivos exemplo: jquery3.zip Mirror Instituto: jquery3.zip



Exemplo 4: (17.6 Mb)

Screencast: jQuery 4 - Menú desplegable con efectos dinámicos. Mirror Instituto: jQuery 4 - Menú desplegable con efectos dinámicos.

Menú desplegable con efectos dinámicos - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".

Arquivos exemplo: jquery4.zip Mirror Instituto: jquery4.zip



Exemplo 5: (14.6 Mb)

Screencast: jQuery 5 - Rollover con efecto de difuminado. Mirror Instituto: jQuery 5 - Rollover con efecto de difuminado.

Rollover con efecto difuminado - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".

Arquivos exemplo: jquery5.zip Mirror Instituto: jquery5.zip



Exemplo 6: (22.4 Mb)

Screencast: jQuery 6 - Validación de un formulario con plugin Validate. Mirror Instituto: jQuery 6 - Validación de un formulario con plugin Validate.

Arquivos exemplo: jquery6.zip Mirror Instituto: jquery6.zip



Introduccion Ajax: (sen emprego de librerías) (23.5 Mb)

Screencast: Introducción a Ajax e ó obxecto XMLHttpRequest Mirror Instituto: Introducción a Ajax e ó obxecto XMLHttpRequest

Arquivos exemplo: introajax.zip Mirror Instituto: introajax.zip



Exemplo 7: (32.0 Mb)

Screencast: jQuery 7 - Formulario con Ajax. Mirror Instituto: jQuery 7 - Formulario con Ajax.

Arquivos exemplo: jquery7.zip Mirror Instituto: jquery7.zip



Exemplo 8: (57.6 Mb)

Screencast: jQuery 8 - Formulario Ajax con métodos $.ajax() y $.post(). Mirror Instituto: jQuery 8 - Formulario Ajax con métodos $.ajax() y $.post().

Arquivos exemplo: jquery8.zip Mirror Instituto: jquery8.zip



Exemplo 9: (47.5 Mb)

Screencast: jQuery 9 - Aplicación Ajax similar a Google Suggest. Mirror Instituto: jQuery 9 - Aplicación Ajax similar a Google Suggest.

Arquivos exemplo: jquery9.zip Mirror Instituto: jquery9.zip



Exemplo 10: (16.3 Mb)

Screencast: jQuery 10 - Conversion de formulario estándar a Ajax. Mirror Instituto: jQuery 10 - Conversion de formulario estándar a Ajax.

Conversion de formulario estándar a Ajax - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".

Arquivos exemplo: jquery10.zip Mirror Instituto: jquery10.zip



Extensión Firebug: (45.3 Mb)

Screencast: Extensión Firebug - Introducción básica de uso. Mirror Instituto: Extensión Firebug - Introducción básica de uso.

Extensión Firebug - Introducción básica de uso - HD Youtube

EmbedVideo does not recognize the video service "youtubehd".


Créditos e Enlaces interesantes

Fontes e recursos empregados no manual:

Páxina oficial de jQuery

Tutoriais de jQuery

jQuery Visual

jQuery in Action

jqwidgets.com

Laboratorio de Selectores CSS

Guías Rápidas de jQuery

Guia Rápida jQuery 1.5

Guía Rápida jQuery 1.4.2

Otra Guia Rápida de jQuery

--Veiga (discusión) 12:24 25 may 2015 (CEST)