English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Introducción a jQuery

jQuery es una biblioteca JavaScript rápida, ligera y rica en funcionalidades, basada en el principio de 'menos código, más resultados'.

jQuery simplifica la exploración del documento HTML, el manejo de eventos, las animaciones y la interacción AJAX, lo que permite un desarrollo web rápido.

El objetivo de jQuery es facilitar el uso de JavaScript en sitios web.

Este tutorial le ayudará a aprender desde los fundamentos hasta los temas avanzados de la última base de jQuery.

Ejemplos de jQuery en cada capítulo

Cada capítulo de este tutorial contiene muchos ejemplos de práctica, que puede probar y verificar utilizando nuestro editor en línea para expandir su rango de aprendizaje. El objetivo de estos ejemplos es que pueda entender mejor el uso de jQuery.

Ejemplo básico de jQuery
$("document").ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
Prueba y observa‹/›

Ventajas de jQuery

Si no está familiarizado con jQuery, puede preguntarse qué lo hace tan especial.

jQuery simplifica muchos aspectos complejos de JavaScript, como llamadas AJAX y operaciones DOM.

La biblioteca jQuery incluye las siguientes funciones:

  • HTML / Operaciones DOM

  • Operaciones CSS

  • Manejo de eventos

  • Efectos y animaciones

  • Soporte AJAX

  • Herramientas útiles (Utilities)

  • Plugins (Plugins)

  • Compatibilidad con navegadores

Información:En JavaScript, generalmente necesita escribir varias líneas de código para seleccionar y operar elementos en el documento HTML, pero utilizando el potente mecanismo de selector de jQuery, puede recorrer el árbol DOM y seleccionar elementos de manera simple y efectiva para realizar cualquier operación.

¿Qué puede hacer jQuery?

Puede hacer más con jQuery:

  • jQuery puede seleccionar elementos con facilidad

  • jQuery puede cambiar fácilmente el estilo (CSS) y la posición de los elementos

  • jQuery puede manipular fácilmente los elementos DOM y sus atributos

  • jQuery puede crear efectos como mostrar/ocultar elementos, transiciones deslizantes, etc.

  • jQuery puede crear animaciones CSS complejas con menos código

  • jQuery puede explorar fácilmente todo el árbol DOM para encontrar cualquier elemento

  • jQuery puede realizar múltiples operaciones en un solo código de línea

  • jQuery puede obtener o establecer fácilmente el tamaño de los elementos HTML

La lista no termina aquí, puede hacer muchas otras cosas interesantes con jQuery.

En los siguientes capítulos, descubrirá todos estos detalles.

Se necesitan conocimientos básicos

Antes de comenzar a aprender jQuery, debe tener los siguientes conocimientos básicos:

Si es principiante, comience con los fundamentos y avanza un poco cada día.

Le recomendamos que lea este tutorial en el orden que se muestra en el menú de la izquierda.

Referencia de jQuery

La sección de referencia proporcionará detalles detallados sobre los selectores, efectos, atributos, eventos de jQuery, etc.

Ver la referencia de jQuery