SlideShare una empresa de Scribd logo
JQUERY
Concepto
 jQuery es uno de los complementos más esenciales para el desarrollo web,
usado en millones de sitios en toda la web, ya que nos facilita mucho el
desarrollo de aplicaciones enriquecidas del lado del cliente, en Javascript,
compatibles con todos los navegadores.
 Para los que se inician, conviene aclarar que jQuery no es un lenguaje, sino
una serie de funciones y métodos de Javascript.
 Por tanto, Javascript es el lenguaje y jQuery es una librería que podemos usar
opcionalmente si queremos facilitar nuestra vida cuando programamos en
Javascript.
 A veces nos podemos referir a jQuery como framework o incluso como un API
de funciones, útiles en la mayoría de proyectos web.
 Antes de llegar jQuery los desarrolladores estábamos obligados a discriminar
entre los diversos navegadores, para ejecutar aquel código Javascript que
funcionaba en cada browser.
¿Cómo es de Popular jQuery?
 La encuesta 2022 de StackOverflow sobre las tecnologías web utilizadas
por los desarrolladores profesionales reveló que de los más de 45.000
encuestados, algo más del 29% trabajaba con jQuery.
 Entre las bibliotecas de JavaScript, jQuery era la segunda después
de React.js, la biblioteca desarrollada por primera vez en Facebook (ahora
Meta) en 2011 y que ahora es adoptada por más del 44% de esos
desarrolladores.
¿Cuál es la Diferencia entre jQuery y
JavaScript?
 Cuando utilizas jQuery, estás trabajando con instancias de objetos
JavaScript que reflejan las convenciones de nomenclatura de jQuery para
los métodos (funciones) y las propiedades.
 Aquí tienes un fragmento de HTML en alguna parte de una página web:
¿Cuál es la Diferencia entre jQuery y
JavaScript?
 El código vainilla JavaScript que puede encontrar el elemento <p> con el
id <<target>> y luego reemplazar el texto entre las etiquetas podría tener
este aspecto:
¿Cuál es la Diferencia entre jQuery y
JavaScript?
 El método getElementById() de JavaScript devuelve un objeto que incluye
el HTML y el contenido del texto del párrafo con el «objetivo» id. El objeto
se asigna a la referencia constante content, y luego su propiedad
textContent se cambia a «Nuevo texto».
 JavaScript permite encadenar métodos, lo que hace posible conseguir lo
anterior con una sola sentencia:
¿Cuál es la Diferencia entre jQuery y
JavaScript?
 No es de extrañar, pues, que también puedas encadenar acciones de
jQuery. Para cambiar el «Texto antiguo» por el «Texto nuevo» utilizando
jQuery, podrías hacer lo siguiente
 El signo del dólar ($) es un alias corto para jQuery, y (“#target”) es un
ejemplo de selector jQuery. En este caso, el selector busca un elemento
HTML con el id de nuestro párrafo de destino. El método jQuery text() se
encadena para que «Nuevo texto» sea el contenido del párrafo.
Cómo Utilizar jQuery en Tu Sitio Web
 Añade jQuery a tu sitio web enlazando el código de la biblioteca desde las
páginas del sitio.
 La biblioteca jQuery puede estar en tu servidor web o en una red de
distribución de contenidos (CDN) de acceso público.
 El sitio web oficial de jQuery puede conectarte con las últimas versiones
de la biblioteca.
 La biblioteca jQuery está disponible en JavaScript minificado
(comprimido ) para que se cargue rápidamente en producción, o sin
comprimir para facilitar la lectura y la depuración.
Cómo Utilizar jQuery en Tu Sitio Web
 Descargar Jquery del siguiente link
 https://jquery.com/
 Para invocar a jQuery y abordar tareas específicas de tu aplicación web. En
el HTML de las páginas de tu sitio web, puedes enlazar la biblioteca jQuery
y el archivo que contiene tu código de la siguiente manera

Más contenido relacionado

Similar a JQUERY.pptx

manual de jquery
manual de jquerymanual de jquery
manual de jqueryAngel Luna
 
Extender Jquery para crear componentes web personalizados
Extender Jquery  para crear componentes web personalizadosExtender Jquery  para crear componentes web personalizados
Extender Jquery para crear componentes web personalizadosHéctor Curbelo Barrios
 
[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con Java[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con JavaEudris Cabrera
 
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corporacion de Industrias Tecnologicas S.A.
 
web_tendencias_construccion.ppt
web_tendencias_construccion.pptweb_tendencias_construccion.ppt
web_tendencias_construccion.pptSoftnet
 
Taller 3 conexion
Taller 3 conexionTaller 3 conexion
Taller 3 conexionolgasarasa
 
Presentacion sesion01 - Programacion WEB
Presentacion sesion01 - Programacion WEBPresentacion sesion01 - Programacion WEB
Presentacion sesion01 - Programacion WEBploncan24
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j queryPablo Viteri
 
Servicios web 1
Servicios web 1Servicios web 1
Servicios web 1Beby Ayala
 

Similar a JQUERY.pptx (20)

manual de jquery
manual de jquerymanual de jquery
manual de jquery
 
Extender Jquery para crear componentes web personalizados
Extender Jquery  para crear componentes web personalizadosExtender Jquery  para crear componentes web personalizados
Extender Jquery para crear componentes web personalizados
 
[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con Java[ES] Introducción a las Aplicaciones Web con Java
[ES] Introducción a las Aplicaciones Web con Java
 
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
Corp. In. Tec. S.A. - Capacitaciones en Informática - Programación con CodeIg...
 
web_tendencias_construccion.ppt
web_tendencias_construccion.pptweb_tendencias_construccion.ppt
web_tendencias_construccion.ppt
 
Taller 3 conexion
Taller 3 conexionTaller 3 conexion
Taller 3 conexion
 
Guia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt GudeGuia jQuery INCES Militar - Kurt Gude
Guia jQuery INCES Militar - Kurt Gude
 
JAVASCRIP
JAVASCRIPJAVASCRIP
JAVASCRIP
 
Presentacion sesion01 - Programacion WEB
Presentacion sesion01 - Programacion WEBPresentacion sesion01 - Programacion WEB
Presentacion sesion01 - Programacion WEB
 
Introduccion a j query
Introduccion a j queryIntroduccion a j query
Introduccion a j query
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
Curso ajax
Curso ajaxCurso ajax
Curso ajax
 
Jquery
JqueryJquery
Jquery
 
Servicios web 1
Servicios web 1Servicios web 1
Servicios web 1
 
Java Web - Introduccion
Java Web - IntroduccionJava Web - Introduccion
Java Web - Introduccion
 
5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web5-Unidad 2: Diseño de Vista-2.2 Para Web
5-Unidad 2: Diseño de Vista-2.2 Para Web
 
Java Scripts
Java ScriptsJava Scripts
Java Scripts
 
Manual Basico de jQuery
Manual Basico de jQueryManual Basico de jQuery
Manual Basico de jQuery
 
proyecto java
proyecto javaproyecto java
proyecto java
 
Clase 4 JavaScript Básico
Clase 4 JavaScript BásicoClase 4 JavaScript Básico
Clase 4 JavaScript Básico
 

Último

Guía Didáctica-Matemática- tercer grado.pdf
Guía Didáctica-Matemática- tercer grado.pdfGuía Didáctica-Matemática- tercer grado.pdf
Guía Didáctica-Matemática- tercer grado.pdfYafreisyAcosta1
 
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfCATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfjmmaringuevara
 
La Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoLa Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoWahilL
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESelizabethaldaz60
 
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdfFolleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdfloypa08
 
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...EusebioVidal1
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...LIZBETHVALENCIA12
 
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arteUnidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia artefusiongalaxial333
 
El Arte ultimo del siglo XX-Ana Guash.pdf
El Arte ultimo del siglo XX-Ana Guash.pdfEl Arte ultimo del siglo XX-Ana Guash.pdf
El Arte ultimo del siglo XX-Ana Guash.pdfjaiimepg35
 
D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfgersonroman5
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.CamilaIsabelaRodrigu
 
Carpeta de arte - proyecto cinematografico
Carpeta de arte - proyecto cinematograficoCarpeta de arte - proyecto cinematografico
Carpeta de arte - proyecto cinematograficoDiegoZamora57
 
Bitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásicoBitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásicoal050121044
 
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESbluemoonlight771
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.EduardoBalbi3
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxgabriel guaicara
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdfAColman97
 
BASICO ASHANINKA LOS SALUDOS-curso de id
BASICO ASHANINKA LOS SALUDOS-curso de idBASICO ASHANINKA LOS SALUDOS-curso de id
BASICO ASHANINKA LOS SALUDOS-curso de idMelanyMandarachiRive
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAandrea Varela
 

Último (20)

Guía Didáctica-Matemática- tercer grado.pdf
Guía Didáctica-Matemática- tercer grado.pdfGuía Didáctica-Matemática- tercer grado.pdf
Guía Didáctica-Matemática- tercer grado.pdf
 
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdfCATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
CATALOGO DEKA KHROMA MARIN GUEVARA galería AdB.pdf
 
La Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche DidácticoLa Arquitectura del Eclecticismo Afiche Didáctico
La Arquitectura del Eclecticismo Afiche Didáctico
 
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRESESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
ESTUDIOS SOCIALES LIBRO DE OCTAVO DESDE LA UNIDAD TRES
 
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdfFolleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
Folleto tríptico informativo datos sida vih sencillo rosa rojo blanco.pdf
 
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...
E.VIDAL captura la vibrante vida cotidiana y las tradiciones de la República ...
 
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX...
 
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arteUnidad_2_B8_Land_Art.(1).pptx land art fotografia arte
Unidad_2_B8_Land_Art.(1).pptx land art fotografia arte
 
El Arte ultimo del siglo XX-Ana Guash.pdf
El Arte ultimo del siglo XX-Ana Guash.pdfEl Arte ultimo del siglo XX-Ana Guash.pdf
El Arte ultimo del siglo XX-Ana Guash.pdf
 
D Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdfD Agostino Antonio Teoria Musical Moderna.pdf
D Agostino Antonio Teoria Musical Moderna.pdf
 
Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.Arquitectura Paleocristiana y bizantina.
Arquitectura Paleocristiana y bizantina.
 
Carpeta de arte - proyecto cinematografico
Carpeta de arte - proyecto cinematograficoCarpeta de arte - proyecto cinematografico
Carpeta de arte - proyecto cinematografico
 
Bitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásicoBitácora de historia: barroco y neoclásico
Bitácora de historia: barroco y neoclásico
 
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADESARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
ARTE RECONOCIDO A NIVEL MUNDIAL Y ALGUNAS DE SUS CURIOSIDADES
 
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
39. OLIMPIA, LOS JUEGOS OLÌMPICOS EN LA ANTIGUA GRECIA
 
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
Mito de Teseo y Ariadna Mito de Teseo y Ariadna.
 
diagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptxdiagrama de flujo de hackeo de almeida edgar.pptx
diagrama de flujo de hackeo de almeida edgar.pptx
 
11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf11. Arquitectura Paraguaya Contemporánea.pdf
11. Arquitectura Paraguaya Contemporánea.pdf
 
BASICO ASHANINKA LOS SALUDOS-curso de id
BASICO ASHANINKA LOS SALUDOS-curso de idBASICO ASHANINKA LOS SALUDOS-curso de id
BASICO ASHANINKA LOS SALUDOS-curso de id
 
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAAARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
ARQUITECTURA PALEOCRISTIANA Y BIZANTINAA
 

JQUERY.pptx

  • 2. Concepto  jQuery es uno de los complementos más esenciales para el desarrollo web, usado en millones de sitios en toda la web, ya que nos facilita mucho el desarrollo de aplicaciones enriquecidas del lado del cliente, en Javascript, compatibles con todos los navegadores.  Para los que se inician, conviene aclarar que jQuery no es un lenguaje, sino una serie de funciones y métodos de Javascript.  Por tanto, Javascript es el lenguaje y jQuery es una librería que podemos usar opcionalmente si queremos facilitar nuestra vida cuando programamos en Javascript.  A veces nos podemos referir a jQuery como framework o incluso como un API de funciones, útiles en la mayoría de proyectos web.  Antes de llegar jQuery los desarrolladores estábamos obligados a discriminar entre los diversos navegadores, para ejecutar aquel código Javascript que funcionaba en cada browser.
  • 3. ¿Cómo es de Popular jQuery?  La encuesta 2022 de StackOverflow sobre las tecnologías web utilizadas por los desarrolladores profesionales reveló que de los más de 45.000 encuestados, algo más del 29% trabajaba con jQuery.  Entre las bibliotecas de JavaScript, jQuery era la segunda después de React.js, la biblioteca desarrollada por primera vez en Facebook (ahora Meta) en 2011 y que ahora es adoptada por más del 44% de esos desarrolladores.
  • 4. ¿Cuál es la Diferencia entre jQuery y JavaScript?  Cuando utilizas jQuery, estás trabajando con instancias de objetos JavaScript que reflejan las convenciones de nomenclatura de jQuery para los métodos (funciones) y las propiedades.  Aquí tienes un fragmento de HTML en alguna parte de una página web:
  • 5. ¿Cuál es la Diferencia entre jQuery y JavaScript?  El código vainilla JavaScript que puede encontrar el elemento <p> con el id <<target>> y luego reemplazar el texto entre las etiquetas podría tener este aspecto:
  • 6. ¿Cuál es la Diferencia entre jQuery y JavaScript?  El método getElementById() de JavaScript devuelve un objeto que incluye el HTML y el contenido del texto del párrafo con el «objetivo» id. El objeto se asigna a la referencia constante content, y luego su propiedad textContent se cambia a «Nuevo texto».  JavaScript permite encadenar métodos, lo que hace posible conseguir lo anterior con una sola sentencia:
  • 7. ¿Cuál es la Diferencia entre jQuery y JavaScript?  No es de extrañar, pues, que también puedas encadenar acciones de jQuery. Para cambiar el «Texto antiguo» por el «Texto nuevo» utilizando jQuery, podrías hacer lo siguiente  El signo del dólar ($) es un alias corto para jQuery, y (“#target”) es un ejemplo de selector jQuery. En este caso, el selector busca un elemento HTML con el id de nuestro párrafo de destino. El método jQuery text() se encadena para que «Nuevo texto» sea el contenido del párrafo.
  • 8. Cómo Utilizar jQuery en Tu Sitio Web  Añade jQuery a tu sitio web enlazando el código de la biblioteca desde las páginas del sitio.  La biblioteca jQuery puede estar en tu servidor web o en una red de distribución de contenidos (CDN) de acceso público.  El sitio web oficial de jQuery puede conectarte con las últimas versiones de la biblioteca.  La biblioteca jQuery está disponible en JavaScript minificado (comprimido ) para que se cargue rápidamente en producción, o sin comprimir para facilitar la lectura y la depuración.
  • 9. Cómo Utilizar jQuery en Tu Sitio Web  Descargar Jquery del siguiente link  https://jquery.com/  Para invocar a jQuery y abordar tareas específicas de tu aplicación web. En el HTML de las páginas de tu sitio web, puedes enlazar la biblioteca jQuery y el archivo que contiene tu código de la siguiente manera