Are event listeners in jQuery removed automaticall

Question

In jQuery if we use .remove() for removing some element, then all bound events and jQuery data associated with the elements are removed.

But what happens if we "remove" the elements with .html()?

Do we need to unbind all the elements prior to change any html for avoiding memory leaks?

Answer 1

Yes, they will be removed. jQuery will clean up events etc related to the removed elements. It will NOT copy events if you do something like $(elm1).html($elm2.html())

Answer 2

Just to expand a bit:

• .remove(), .html(), .empty(), etc - all remove listeners
• .detach() does not remove listeners
• .clone() has parameters letting you decide if data/listeners are copied

So if you want to retain listeners, use .detach().

Answer 3

Yeah, they will be removed even when you use html(). The jQuery source code confirms it.