Manuale jQuery

Follow on Facebook Share on Twitter Share on Google Share on Linkedin Share on Blogger Share on Flipboard Share on Tumblr

Rimuove gli elementi selezionati lasciando dati ed eventi

Sintassi

$(selector).detach()

Esempio

<script>
$(document).ready(function(){
	$("div").click(function(){
		alert("hai cliccato");
	});
	var rem;
	$("#b1").click(function(){
		rem =  $("div").detach();
	});
	$("#b2").click(function(){
		$("body").prepend(rem);
	});
});
</script>
<div style="width:100px; height:100px; border:1px  solid red;"></div>
<button id="b1">rimuovi</button>
<button id="b2">aggiungi</button>

L’evento click sul div, viene mantenuto, infatti se clicchiamo prima su b1 e poi su b2, al click sul div viene mostrato il messaggio

Vediamo la differenza con remove:

<script>
$(document).ready(function(){
	$("div").click(function(){
		alert("hai cliccato");
	});
	var rem;
	$("#b1").click(function(){
		rem =  $("div").remove();
	});
	$("#b2").click(function(){
		$("body").prepend(rem);
	});
});
</script>
<div style="width:100px; height:100px; border:1px  solid red;"></div>
<button id="b1">rimuovi</button>
<button id="b2">aggiungi</button>

In questo caso, dopo aver rimosso il div, perdiamo l’evento

Manuale jQuery

 

A colpo d'occhio

  • Script C#

    Script C# per tutte le esigenze: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale C#

    Manuale completo di C# per principianti e non

  • Script VB.Net

    Script VB.Net Visual Basic .net: database, sessioni, file, contatori, stringhe, date, e-mail, e tanto altro

  • Manuale SQL

    Manuale di SQL con particolare attenzione a T-SQL di Microsoft SQL Server

  • Seo

    Tecniche di posizionamento indicizzazione e ottimizzazione dei siti web per nei motori di ricerca

  • Manuale CSS

    Manuale completo sui CSS per principianti e non

Be Responsive

HTML 5

HTML 5

HTML 5 è un linguaggio di markup utilizzato per la strutturazione e il contenuto delle pagine Web.

CSS 3

CSS 3

CSS 3 è l'ultima evoluzione dei fogli di stile CSS. Contiene molte novità come angoli arrotondati, ombre, sfumature, transizioni o animazioni.

jQuery

jQuery

jQuery è una libreria JavaScript cross-platform progettata per semplificare lo scripting lato client.