Voltamos com nossas lições de jQuery, vamos continuar vendo como se altera o contéudo dos elementos, pra quem perdeu alguma lição recomendo dar olhada:

Resposta:

Inserindo conteúdo

Existem várias formas de inserir conteúdo utilizando jQuery, pra quem está familiarizado com o inglês irá perceber que os nomes dos métodos indicam exatamente o que cada função faz.

• append(conteúdo): adiciona o conteúdo passado por paramêtro no fim do conjunto de seletores.
• appendTo(alvo): adiciona o conteúdo do conjunto de seletores no fim do conteúdo alvo.
• prepend(conteúdo): adiciona o conteúdo passado por paramêtro no início do conjunto de seletores.
• prependTo(alvo): adiciona o conteúdo do conjunto de seletores no início do conteúdo alvo.
• before(conteúdo): adiciona o conteúdo antes de cada elemento do conjunto de seletores.
• insertBefore(alvo): adiciona o conteúdo do conjunto de seletores antes do conteúdo do alvo.
• after(conteúdo) : adiciona o conteúdo após cada alemento do conunto de seletores.
• insertAfter(alvo) : adiciona o conteúdo do conjunto de seletores depois do contéudo do alvo.

Envolvendo e removendo contéudo

Com a onda tabless que invadiu a Web cada vez é mais necessário envolver contéudo com a div, e o jQuery possui uma função que faz exatamente isso.

Javascript:

Um exemplo:

Javascript:

O jQuery vai identificar as tags html e vai colocar o conteúdo do elemento no "meio" das tags, caso você queira remover um contéudo poderá usar a função remove(expressao).

Javascript:

Exemplo:

Javascript:

Clonando elementos

É muito simples replicar elmentos no jQuery, fazemos isso através do comando clone();

Javascript: