SlideShare una empresa de Scribd logo
Neyder Angarita Osorio
Cod. 16000-1802
    jQuery es una “librería JavaScript
    muy rápida y muy ligera que
    simplifica el desarrollo de la parte de
    cliente de las aplicaciones web”.
   Simplifica la manera de interactuar con los
    documentos HTML.

   El manejo de eventos, animación, y las
    interacciones Ajax para el desarrollo web
    rápido.

   Creador John Resig. En el año 2006.
   Google Trends:
Sitios Destacados:

Google
Amazon
IBM
Microsoft - Visual Studio, ASP.NET MVC.
Twitter
Dell, Inc.
   Selección de elementos DOM. ('Modelo de
    Objetos del Documento‘)
   Interactividad y modificaciones del árbol DOM
   Eventos.
   Manipulación de la hoja de estilos CSS.
   Efectos y animaciones.
   Animaciones personalizadas.
   AJAX.
   Soporta extensiones.
   Compatibilidad con la gran mayoría de los
    navegadores.
   ¿Que se necesita para empezar?

   Descargar la librería http://jquery.com/ y enlazar en nuestras
    páginas el único archivo JavaScript que la forma:

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

<script type="text/javascript“
  src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
Funcion $, selectores y metodos
    Selectores: expresión CSS o el nombre de
    una etiqueta HTML

   $(“selector”).metodo();
   $("#id").css();
   $(".clase").animate();
   Inicio de jQuery

$(document).ready(function() { //Aquí van
   todas las acciones del documento.
});
http://docs.jquery.com
Ejemplo :

slides-conferencia-jqueryslides-conferencia-
   jqueryejemplosholamundo.html
 jQuery Plugins.
Slides

plugin-parpadea.html
 LIBRERIAS BASADAS EN   jQuery
http://jqueryui.com/




calendario.html
   Necesarias para utilizar la librería.
   http://www.matiasmancini.com.ar/jquery-
    plugin-validar-formularios-html5-con-
    ajax.html
   jQuery Mobile



   SITIOS:

   http://www.jqmgallery.com/


 jquery-mobileej2.html
Fecha de versión            Número de versión       Notas adicionales

26 de agosto de 2006      1.0                       Primera versión estable

21 de noviembre de 2011   1.7.1                     Mejor soporte
                                                    de HTML5 para IE6/7/8
GRACIAS ….   :)

Más contenido relacionado

La actualidad más candente

Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
Leslie Styles
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jqueryEutobar
 
La magia de jquery
La magia de jqueryLa magia de jquery
La magia de jquery
AngelDX
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
Flor Aguilar
 
Incrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blogIncrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blog
Consuelo Salas Lamadrid
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
JeffersonAguachela
 

La actualidad más candente (7)

Leslie rios y natasha saravia
Leslie rios y natasha saraviaLeslie rios y natasha saravia
Leslie rios y natasha saravia
 
Presentacion diseño web con jquery
Presentacion diseño web con jqueryPresentacion diseño web con jquery
Presentacion diseño web con jquery
 
La magia de jquery
La magia de jqueryLa magia de jquery
La magia de jquery
 
Google docs
Google docsGoogle docs
Google docs
 
Leccion 1 dream
Leccion 1 dreamLeccion 1 dream
Leccion 1 dream
 
Incrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blogIncrustar hoja de cálculo en blog
Incrustar hoja de cálculo en blog
 
Crear archivo html
Crear archivo htmlCrear archivo html
Crear archivo html
 

Destacado

Software LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIOSoftware LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIO
Leiber Marquez Ragua
 
Plan de soporte y mantenimiento
Plan de soporte y mantenimiento Plan de soporte y mantenimiento
Plan de soporte y mantenimiento
pctechnical
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
druckern
 
Grupodetrabajoacm
GrupodetrabajoacmGrupodetrabajoacm
Grupodetrabajoacm
Oscar
 
Html
HtmlHtml
Html
Oscar
 

Destacado (8)

Software LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIOSoftware LIBRE Y PROPIETARIO
Software LIBRE Y PROPIETARIO
 
Jquery
JqueryJquery
Jquery
 
Web20
Web20Web20
Web20
 
Semanal Técnico 17/12/2013
Semanal Técnico 17/12/2013Semanal Técnico 17/12/2013
Semanal Técnico 17/12/2013
 
Plan de soporte y mantenimiento
Plan de soporte y mantenimiento Plan de soporte y mantenimiento
Plan de soporte y mantenimiento
 
Semillero .net
Semillero .netSemillero .net
Semillero .net
 
Grupodetrabajoacm
GrupodetrabajoacmGrupodetrabajoacm
Grupodetrabajoacm
 
Html
HtmlHtml
Html
 

Similar a J query

Introducción a JQuery
Introducción a JQueryIntroducción a JQuery
Introducción a JQuery
Continuum
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
guest976d083
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
Mitusin
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
guestd24c393
 
Web20
Web20Web20
Web20UJAP
 
Guia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt GudeGuia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt Gude
José Ricardo Tillero Giménez
 
Web20 With Ajax
Web20 With AjaxWeb20 With Ajax
Web20 With Ajax
eliseo ortiz
 
Seminario jquery, html5 y wicket
Seminario jquery, html5 y wicketSeminario jquery, html5 y wicket
Seminario jquery, html5 y wicketAdrià Solé Orrit
 
Ajax
AjaxAjax
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
Pablo Viteri
 
Charla Jquery
Charla JqueryCharla Jquery
Charla Jquerykaolong
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
Microsoft Argentina y Uruguay [Official Space]
 
Phonegap
PhonegapPhonegap
Javascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryJavascript en proyectos reales: jQuery
Javascript en proyectos reales: jQuery
David Arango
 

Similar a J query (20)

Introducción a JQuery
Introducción a JQueryIntroducción a JQuery
Introducción a JQuery
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
 
Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007Jc Web20 Open Source Why Floss2007
Jc Web20 Open Source Why Floss2007
 
Web20
Web20Web20
Web20
 
Guia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt GudeGuia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt Gude
 
JqueryMobile
JqueryMobile JqueryMobile
JqueryMobile
 
Web20 With Ajax
Web20 With AjaxWeb20 With Ajax
Web20 With Ajax
 
Jquery
JqueryJquery
Jquery
 
myprofly
myproflymyprofly
myprofly
 
Ajax tsis
Ajax tsisAjax tsis
Ajax tsis
 
Seminario jquery, html5 y wicket
Seminario jquery, html5 y wicketSeminario jquery, html5 y wicket
Seminario jquery, html5 y wicket
 
Ajax
AjaxAjax
Ajax
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
Charla Jquery
Charla JqueryCharla Jquery
Charla Jquery
 
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
[Code Camp 2009] Desarrollando sitios web escalables con ASP.NET MVC (Rodolfo...
 
Javascript
JavascriptJavascript
Javascript
 
Phonegap
PhonegapPhonegap
Phonegap
 
Javascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryJavascript en proyectos reales: jQuery
Javascript en proyectos reales: jQuery
 

Último

Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
Luis Enrique Zafra Haro
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
JuanPrez962115
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 

Último (20)

Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
biogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectosbiogas industrial para guiarse en proyectos
biogas industrial para guiarse en proyectos
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Alan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentaciónAlan Turing Vida o biografía resumida como presentación
Alan Turing Vida o biografía resumida como presentación
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 

J query

  • 2. jQuery es una “librería JavaScript muy rápida y muy ligera que simplifica el desarrollo de la parte de cliente de las aplicaciones web”.
  • 3. Simplifica la manera de interactuar con los documentos HTML.  El manejo de eventos, animación, y las interacciones Ajax para el desarrollo web rápido.  Creador John Resig. En el año 2006.
  • 4. Google Trends:
  • 5. Sitios Destacados: Google Amazon IBM Microsoft - Visual Studio, ASP.NET MVC. Twitter Dell, Inc.
  • 6.
  • 7. Selección de elementos DOM. ('Modelo de Objetos del Documento‘)  Interactividad y modificaciones del árbol DOM  Eventos.  Manipulación de la hoja de estilos CSS.  Efectos y animaciones.  Animaciones personalizadas.  AJAX.  Soporta extensiones.  Compatibilidad con la gran mayoría de los navegadores.
  • 8. ¿Que se necesita para empezar?  Descargar la librería http://jquery.com/ y enlazar en nuestras páginas el único archivo JavaScript que la forma: <script type="text/javascript“ src="jquery- 1.7.1.min.js"></script> <script type="text/javascript“ src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
  • 9. Funcion $, selectores y metodos  Selectores: expresión CSS o el nombre de una etiqueta HTML  $(“selector”).metodo();  $("#id").css();  $(".clase").animate();
  • 10. Inicio de jQuery $(document).ready(function() { //Aquí van todas las acciones del documento. });
  • 14.  LIBRERIAS BASADAS EN jQuery http://jqueryui.com/ calendario.html
  • 15. Necesarias para utilizar la librería.
  • 16. http://www.matiasmancini.com.ar/jquery- plugin-validar-formularios-html5-con- ajax.html
  • 17. jQuery Mobile  SITIOS:  http://www.jqmgallery.com/  jquery-mobileej2.html
  • 18. Fecha de versión Número de versión Notas adicionales 26 de agosto de 2006 1.0 Primera versión estable 21 de noviembre de 2011 1.7.1 Mejor soporte de HTML5 para IE6/7/8