Revisão: Modificação DOM com jQuery

Quando você tiver encontrado uma coleção de elementos usando a função jQuery, você pode alterá-los usando vários métodos.

Defina seu texto interno com text():
$("h1").text("Tudo sobre gatos"); (Veja exemplo)

Defina o HTML interno com html():
$("h1").html("I <strong>amor</strong> gatos"); (Veja exemplo)

Defina atributos com attr():
$(".dog-pic").attr("src", "dog.jpg");
$(".google-link").attr("href", "http://www.google.com"); (Veja exemplo)

Altere estilos de CSS styles com css():
$("h1").css("font-family", "monospace");
$("h1").css({"font-family": "monospace", "color": "red"}); (Veja exemplo)

Adicione um nome de classe com addClass():
$("h1").addClass("warning");

Você também pode criar novos elementos do zero passando uma string de código HTML para a função jQuery:
var $p = $("<p>");

Se quiser, você pode passar o HTML completo, incluindo o conteúdo das tags, atributos e estilos.
var $p = $('<p style="color:red;">Eu amo pessoas que amam gatos.</p>');

Quando você cria um elemento, é possível modificá-lo usando qualquer um dos métodos acima:
$p.addClass("warning");

E então você anexa a um elemento existente usando append():
$("#main-div").append($p); (Veja exemplo)

Você também pode inserí-lo na página usandoprepend() (Veja exemplo) ou appendTo() (See example).

Leia a documentação do jQuery para mais detalhes sobre cada um desses métodos, seguindo os links com os nomes dos métodos acima. Não vamos conseguir abordar tudo aqui, e como as melhores práticas do desenvolvimento web mudam rápido, você precisa se acostumar a ler a documentação para se manter atualizado. É bom começar a fazer isso agora!