Bom quando quero adicionar um html na página usando jQuery
eu faço assim:
$("body").html('ddd');
Porém dessa forma eu apago o conteúdo antigo, é possível eu adicionar o html no Body sem apagar o conteúdo da página?
Aquilo que estás á procura é append, adiciona dentro do elemento depois de tudo:
$("body").append('ddd');
Ou prepend que adiciona dentro do elemento mas antes de tudo:
$("body").prepend('ddd');
Exemplo:
$("body").append('<p>Eu vou para depois do conteudo do body</p>');
$("body").prepend('<p>Eu vou para antes do conteudo do body</p>');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h2>Eu vou estar no meio depois dos outros serem inseridos</h2>