Estudio de jQuery

• Simplificación del DOM
• Manejo simplificado de eventos
• Facilita AJAX

• Efectos y animaciones
• Manipulación de elementos y atributos
• Interacciones AJAX

Instalación: npm i jquery (o CDN)

import $ from 'jquery';
$('#btn').on('click', () => $('body').css('color', 'red'));

1. Mostrar/ocultar con click

Alterna la visibilidad de un panel.

import $ from 'jquery';

$('#boton').on('click', () => {
  $('#panel').toggle('fast');
});

2. Cargar contenido con AJAX

Pide HTML y lo inserta en un contenedor.

import $ from 'jquery';

$('#btn').on('click', () => {
  $.ajax({ url: 'https://api.example.com/fragmento', method: 'GET' })
    .done((html) => $('#contenido').html(html))
    .fail(() => $('#contenido').text('Error al cargar'));
});