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

JQUERY.pptx

  • 1.
  • 2.
    Concepto  jQuery esuno 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 dePopular 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 laDiferencia 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 laDiferencia 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 laDiferencia 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 laDiferencia 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 jQueryen 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 jQueryen 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