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
