Lo más interesante es que con la ayuda de ASP.NET podemos crear rutinas que interactuando con los controladores nos generen este tipo de comportamiento de forma dinámica y con contenido de base de datos.
Cambiar el CSS
El CSS es lo que le va a dar estilos a nuestros elementos en el DOM por ello es muy importante, imaginemos que tenemos alguna validación y queremos que cuando no se pase dicha validación mostremos un cuadro rojo para indicar el fallo, al manipular el DOM podemos lograr esto de la siguiente forma, veamos la imagen con el ejemplo:
Acá destacamos es el método .css(), como vemos le pasamos dos parámetros, el primer parámetro es la propiedad CSS que queremos agregar o activar y el segundo parámetro es el valor que dicha propiedad debe tomar.
Añadir un Elemento Nuevo
No solo podemos cambiar elementos existentes, también podemos agregar nuevos elementos, con ello podemos insertar texto, agregar nuevos bloques, etc.
También podemos remover elementos, esto es muy importante ya que se pueden lograr efectos de movimiento y acción en la aplicación, con ello el usuario verá en tiempo real los efectos de sus acciones, para ello utilizaremos el método .remove() y dentro le pasaremos el selector que deseamos quitar de nuestro DOM:
Aquí vemos en el ejemplo como eliminamos el elemento de forma muy fácil únicamente indicando la etiqueta sobre el selector.
Otras Propiedades
Podemos manipular todas las propiedades del elemento, lo único es que debemos documentarnos, ya que es difícil saberlas todas de memoria, sin embargo en Internet tenemos la guía de jQuery con lo cual podemos utilizar la documentación oficial mientras vamos haciendo nuestro desarrollo.
Lo importante en este caso es saber que deseamos hacer, ese es el punto clave luego podemos ir investigando y aprendiendo en camino, mientras sepamos el aspecto básico estaremos bien.
Con esto finalizamos este tutorial, como vemos es bastante fácil interactuar a un nivel más alto con el árbol DOM, gran parte de esta facilidad se la debemos a jQuery quien nos facilita esta interacción.