Tutorial básico jQuery

Efeitos jQuery

O método wrapInner() envolve o elemento HTML especificado ao redor do conteúdo de cada elemento selecionado.

Envolver um elemento ao redor do conteúdo:

$(selector).wrapInner(wrappingElement)

Usar função para envolver o elemento ao redor do conteúdo:

$(selector).wrapInner(function(index))

Envolver o <b>elemento em volta do conteúdo de cada <p>elemento:

Exemplo

$("button").click(function(){
　　$("p").wrapInner("<b></b>
});

Este exemplo usa document.createElement() para criar um elemento <b> e envolve o conteúdo de cada elemento <p> ao redor dele:

Exemplo

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

Empacotar Conteúdo com Função:

Exemplo

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return document.createElement("b");
　　});
});

Parâmetros	Descrição
wrappingElement	Especificar o Elemento HTML que Envolve o Conteúdo ao Redor de Cada Elemento Selecionado. Valores Possíveis: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar uma Função de Retorno que Envolve o Elemento index-Retornar a Posição do Elemento na Coletânea