Tabla Dinámica con 15 Ejemplos de jQuery

# Uso Descripción Código jQuery Resultado Visual
1 Ocultar elemento Oculta un elemento seleccionado y deja de mostrarse en la página. 
$("#box1").hide();
2 Mostrar elemento Muestra nuevamente un elemento que estaba oculto. 
$("#box2").show();
3 Alternar visibilidad Cambia entre ocultar y mostrar un elemento cada vez que se presiona. 
$("#box3").toggle();
4 Desvanecer Oculta un elemento mediante una animación gradual de transparencia. 
$("#box4").fadeOut();
5 Desvanecer entrada Hace aparecer un elemento oculto con un efecto de desvanecimiento. 
$("#box5").fadeIn();
6 Deslizar arriba Oculta el elemento reduciendo su tamaño verticalmente. 
$("#box6").slideUp();
7 Deslizar abajo Muestra el elemento expandiéndolo suavemente hacia abajo. 
$("#box7").slideDown();
8 Cambiar texto Modifica únicamente el contenido de texto de un elemento HTML. 
$("#texto8").text("Nuevo texto");

Texto original
9 Cambiar HTML Reemplaza el contenido HTML completo del elemento seleccionado. 
$("#html9").html("<b>HTML Nuevo</b>");
Contenido
10 Agregar clase CSS Añade una clase para aplicar nuevos estilos al elemento. 
$("#box10").addClass("activo");
11 Eliminar clase CSS Quita una clase CSS aplicada anteriormente al elemento. 
$("#box11").removeClass("activo");
12 Obtener valor Input Captura y muestra el valor escrito por el usuario en una caja de texto. 
$("#input12").val();
13 Agregar elemento Inserta nuevos elementos HTML al final de una lista existente. 
$("#lista13").append("<li>Nuevo</li>");
    14 Animación Modifica propiedades CSS utilizando una transición animada. 
    $("#box14").animate({width:"200px"});
    15 Evento Mouse Enter Ejecuta una acción automáticamente cuando el cursor entra al elemento. 
    mouseenter()