Inserindo conteúdo antes, depois e, no interior Elementos com jQuery

jQuery oferece maneiras fáceis de obter os dados em sua página da Web. Em particular, você pode inserir qualquer conteúdo que você quiser, em qualquer lugar na sua página. Os exemplos que se seguem todos usam este código de exemplo:

Minha página de teste 
Eu sou um div.

Aqui está um resumo rápido sobre como inserir conteúdo antes, depois e dentro de um elemento em uma página da Web:

Para colocar conteúdoCódigo
Em frente e do lado de fora do
(antes)
$ ( ": Submit") click (function () {.
$ ( "Div"). Antes ( "Antes de
") -
}) -
Na parte de trás e fora do
(depois de)
$ ( ": Submit") click (function () {.
$ ( "Div"). Depois ( "Depois
") -
}) -
Dentro do conteúdo, mas beforeexisting (precedido)$ ( ": Submit") click (function () {.
. $ ( "Div") prepend ( "New Content!") -
}) -
Dentro do mas afterexisting conteúdo (acréscimo)$ ( ": Submit") click (function () {.
$ ( "Div") anexa ( "New Content!"). -
}) -

menu