Are event listeners in jQuery removed automatically when you remove the element using .html()?

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?

kinghfb · Accepted Answer · 2012-01-30T03:05:34.627

16

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())

edited Jan 30 '12 at 03:05

answered Sep 25 '11 at 23:06

kinghfb

1,011
5
14

score 13 · Answer 2 · answered Sep 25 '11 at 23:01

13

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

answered Sep 25 '11 at 23:01

Anurag

140,337
36
221
257

1

Thanks Anurag, I know you was the first and you are certifying your answer (+1 for that), but kinghfb need more points, so I will mark his answer as accepted for motivating him, I hope you understand. Thanks ! – Enrique Sep 25 '11 at 23:28
At any rate there should be an SO badge for validating your answer with a link to the source code :) – Tobias J Sep 29 '14 at 19:25

score 1 · Answer 3 · answered Aug 12 '16 at 02:02

1

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().

answered Aug 12 '16 at 02:02

bendytree

13,095
11
75
91

Are event listeners in jQuery removed automatically when you remove the element using .html()?

3 Answers3

Linked