Question

I just want a confirmation about what I’m doing in my app.

I created some jquery plugins which add some elements and events in the DOM of my page.

For example, I init the plugin in a DOM element of my page:

$("#myplugin_container").myplugin('init', {'data':mydata});

What I want to know : if I remove the container with remove function

$("#myplugin_container").remove();

, will I have memory leaks on the plugin or will the jquery object be removed correctly ?

I hope my explanations are clear…

Thanks !

Answer 1

jQuery will remove all event handlers and other data associated with the element when you use .remove(), so there shouldn’t be any memory leaks.

From jQuery documentation of remove():

Similar to .empty(), the .remove() method takes elements out of the DOM. Use .remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. To remove the elements without removing data and events, use .detach() instead.