| Ejemplo | Descripción | Código jQuery | Instrucciones / Área de Pruebas |
|---|---|---|---|
| 1 | .animte() Para crear animaciones personalizadas. |
$("#wbds1").animate("...") |
|
| 2 | .click() Muestra un mensaje al presionar. |
$('#btn2').click() |
|
| 3 | .toggle() Muestra/Oculta el cuadro. |
$('#btn3').toggle() |
¿Realmente el profe leera lo que dice este texto?
|
| 4 | .fadeIn() Aparece suavemente. |
$('#caja4').fadeIn() |
|
| 5 | .fadeOut() Desaparece suavemente. |
$('#caja5').fadeOut() |
sayonara
|
| 6 | .css() Cambia el color a rojo. |
$(el).css('color', 'red') |
Texto para cambiar color |
| 7 | .val() Lee lo que escribas. |
$('#input7').val() |
|
| 8 | .text() Cambia el contenido de texto. |
$(el).text('Nuevo') |
Texto original |
| 9 | .append() Agrega elementos al final. |
$('#u9').append('...') |
|
| 10 | .remove() Elimina el cuadro rojo. |
$('#c10').remove() |
|
| 11 | .addClass() Añade estilo de resaltado. |
$(el).addClass('resaltado') |
Párrafo normal |
| 12 | .animate() Cambia el ancho suavemente. |
$(el).animate({width: '100%'}) |
|
| 13 | .html() Inserta etiquetas HTML. |
$(el).html('blabla') |
Texto simple
|
| 14 | .slideUp() Desliza hacia arriba. |
$(el).slideUp() |
HOlaaaa y Adiosss
|
| 15 | .empty() Limpia el contenido interno. |
$(el).empty() |
Erased(Anime buenisimo)
|