Tutorial básico jQuery

Efeitos jQuery

método before() para inserir o conteúdo especificado antes do elemento selecionado.

Para inserir conteúdo após o elemento selecionado, useafter()Método.

Inserir conteúdo:

$("selector").before(content)

Inserir conteúdo usando função:

$("selector").before(function(index))

Inserir conteúdo antes de cada parágrafo:

Exemplo

$("button").click(function(){
　　$("p").before("<p>Hello world</p>");
});

Inserir conteúdo usando função:

Exemplo

$("button").click(function(){
　　$("p").before(function(i){
　　　　return "<p>Este p tem o índice: "　+　i　+　".</p>";
　　});
});

Parâmetro	Descrição
content	Especificar o conteúdo a ser inserido antes de cada elemento selecionado (pode conter tags HTML) Valores Possíveis: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar uma função que retorna o conteúdo a ser inserido index-Retornar a Posição do Elemento na Coleção