JQuery: cambiar el contenido de un div

Buenas a todos!
Cambiar el contenido de un div se ha convertido en algo esencial para la programación de páginas web. Permite que la información que mostramos sea más dinámica sin necesidad de recargas.

Con JQuery es bastante simple, supongamos que tenemos un div cuya id es "contenido" y queremos cambiar el texto que muestra:

$("#contenido").html("Contenido del div cambiado");


Así de simple!

El símbolo '#' indica que se trata de una id.

La función html() permite que pongáis directamente tags de html en su interior, incluso podéis añadir otros divs, tablas, imágenes, enlaces, etc.

$("#contenido").html("<img src='imagen.png'/>");

Eso es todo!