A ação .append() insere o elemento especificado como o último filho do elemento alvo. .prepend() insere o elemento especificado como o primeiro filho do elemento alvo. Se tivermos um bloco div de classe .info,
Código: Selecionar todos
$(".info").append("<p>Stuff!</p>");
$(".info").prepend("<p>Stuff!</p>");
.appendTo() faz o mesmo que .append(), ela apenas reverte a ordem entre "o que adicionar" e "onde adicionar." O código
Código: Selecionar todos
$('<p>Stuff!</p>').appendTo('.info');
HTML
Código: Selecionar todos
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</head>
<body>
</body>
</html>
Código: Selecionar todos
$(document).ready(function(){
$("body").append("<p>Eu sou um parágrafo!</p>");
});