Tutorial básico jQuery

Efeitos jQuery

O método wrap() usará o elemento HTML especificado para envolver cada elemento selecionado.

Usarunwrap()Método para excluir o elemento pai do elemento selecionado.

Elemento de envolvimento:

$(selector).wrap(wrappingElement)

Empacotamento de Elementos usando Função:

$(selector).wrap(function(index))

Envolver o elemento DIV em cada elemento <p>:

Exemplo

$("button").click(function(){
　　$("p").wrap("<div></div>");
});

Este exemplo usa document.createElement() para criar o elemento DIV e envolve-o em cada elemento <p>:

Exemplo

$("button").click(function(){
　　$("p").wrap(document.createElement("div"));
});

Empacotamento de Elementos usando Função:

Exemplo

$("button").click(function(){
　　$("p").wrap(function(){
　　　　　　return　document.createElement("div");
　　});
});

Alternar entre Empacotamento e Desempacotamento de Elementos:

Exemplo

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").unwrap();
});

Parâmetro	Descrição
wrappingElement	Especificar a Estrutura que Empacota Cada Elemento Selecionado Valores Possíveis: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar uma Função de Retorno que Empacota o Elemento index-Retornar a Posição do Elemento na Coleção