Tutoriales básicos de jQuery

Efectos jQuery

El método wrap() utiliza el elemento HTML especificado para envolver cada elemento seleccionado.

Usarunwrap()El método elimina el elemento padre del elemento seleccionado.

Elemento de envoltura:

$(selector).wrap(wrappingElement)

Envolver elementos utilizando una función:

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

Envolver el elemento DIV alrededor de cada elemento <p>:

Ejemplo

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

Este ejemplo utiliza document.createElement() para crear un elemento DIV y envolverlo alrededor de cada elemento <p>:

Ejemplo

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

Envolver elementos utilizando una función:

Ejemplo

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

Cambiar entre envolver y desenvolver elementos:

Ejemplo

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

Parámetros	Descripción
wrappingElement	Especificar la estructura que envuelve cada elemento seleccionado Valores posibles: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar una función que devuelve el elemento envolvente índice-Devuelve la posición del elemento en el conjunto