Cambiar contenido de una capa con jquery

Cambiar el contenido de una capa con jquery nos ofrece .html. Con este metodo lo que hacemos es modificar el contenido de la capa a la que nos referimos como siempre son jquey $(“#capa”) y lo modificamos con .html(“lo que queremos añadir”).

 

Si lo que queremos es añadir contenido a la capa, no reemplazar el que tenemos, la sentencia seria .append(“String que añadirmos con el nuevo contenido”).

Si no podemos utilizar jquery, modificar capa con javascript.

<script>
function cambia_contenido(){
   $("#capa").html('Nuevo contenido');
}
function anade_contenido(){
   $("#capa").append(' Contenido añadido');
}
</script>
<div id="botones">
   <input type="button" onclick="javascript:cambia_contenido();" value="Cambia contendio" />
   <input type="button" onclick="javascript:anade_contenido();" value="añade contenido" />
</div>
<div id="capa">Esto es una capa</div>
Esto es una capa