Detach / Attach en jQuery

Avril 2013

La fonction .detach() de jQuery permet de supprimer un élément du DOM, tout en gardant un toutes les données ainsi que les event handler (fonctions bindées) en mémoire (contrairement à .remove() qui conserve l'élément en mémoire, mais supprime les données et les handlers).

C'est très utile lorsqu'on souhaite sortir complètement un élément du DOM (et pas juste le masquer via CSS avec la méthode .hide() par exemple) tout en gardant la possibilité de le réinsérer plus tard. Cela peut par exemple servir à conserver une fenêtre popin en mémoire pour pouvoir la réafficher ultérieurement, en restaurant son dernier état.

Voici un petit exemple :

<div class="voiture" id="voiture1">
	<div class="marque">renault</div>
	<div class="couleur">noir</div>
	<input type="text" value="">
</div>
// Detach
var reference = $('#voiture1');
reference.detach();

// Attach
reference.appendTo('body');  // à la fin
reference.prependTo('body'); // au début

La page du jour est défusionner des cellules excel, bonne lecture.

Il n'existe pas de fonction .attach(), pour remettre un élément détaché dans le DOM, il faut utiliser des fonctions de manipulation du DOM tel que .appendTo() ou .prependTo().

Autre remarque : il est nécessaire de récupérer une référence vers l'élément dans une variable (ici : reference) avant de le supprimer, car une fois détaché, l'élément n'appartient plus au DOM et ne peut donc plus être attrapé avec un sélecteur CSS !

Fini de lire cette page ? allez faire un tour ici : cachet de cire, ça peut vous intéresser.

1 commentaire :
commentaire n°4650 par congcmo@yandex.com
congcmo@yandex.com vendredi 27 décembre 2019, 23:15
Aged Twitter 2009 to 2015 Accounts For Sale - check new thread for new prices

The accounts are empty or with less than 50 followers.

2008 - 10$ Per Account
2009 - 9$ Per Account
2010 - 8$ Per Account
2011 - 7$ Per Account
2012 - 6$ Per Account
2013 - 5$ Per Account
2014 - 4$ Per Account
2015 - 3$ Per Account

with Format
Username:Password Twitter:Live Email:Password Email,
joindate,tweets,following,followers and likes.

Buy for testing accept! pls check with me before you buy

You Can Contact me via
Email - congmmo @ gmail . com


Discord : CongMMO#9766
Skype & Telegram : congmmo
ICQ : @652720497

Msg me on discord or skype for faster response.

Payments accepted PayPal,Payoneer or ETH,ETC,LTC or Another Crypto.
(Extra 5% transaction fee)


I will provide Username:Password Twitter:Live Email:Password Email of the account.

Accounts are delivered instant after paying.

Please don't waste my time if u r not buying
Thank you!
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré