Tutorial di base jQuery

Effetti jQuery

Il metodo wrap() utilizza l'elemento HTML specificato per avvolgere ogni elemento selezionato.

Utilizzareunwrap()Il metodo elimina l'elemento genitore dell'elemento selezionato.

Elemento avvolgente:

$.selector.wrap(wrappingElement)

Avvolgere l'elemento con una funzione:

$.selector.wrap(function(index))

Avvolge l'elemento DIV attorno a ogni elemento <p>:

Esempio

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

Questo esempio utilizza document.createElement() per creare un elemento DIV e lo avvolge attorno a ogni elemento <p>:

Esempio

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

Avvolgere l'elemento con una funzione:

Esempio

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

Cambia tra avvolgere e svincolare l'elemento:

Esempio

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

Parametro	Descrizione
wrappingElement	Specificare la struttura da utilizzare per avvolgere ogni elemento selezionato Valori possibili: Elemento HTML Elemento DOM Oggetto jQuery
function(index)	Specificare una funzione che restituisce un'funzione per il wrapper dell'elemento index-Restituisci la posizione dell'elemento nella raccolta