Memory Management
When removing elements from the DOM, use .remove() (which clears jQuery's data cache) instead of the native removeChild() to prevent memory leaks.
jQuery
Intermediate
3 min read
Memory Management with .data()
Example
// BAD: bypasses jQuery cache cleanup
document.getElementById("card").remove();
// GOOD: jQuery cleans up data and events
$("#card").remove();
// To keep the element but clear its data
$("#card").removeData();
// To clear a specific key
$("#card").removeData("user"); Pro Tip
Always use jQuery .remove() on elements that have .data() or .on() attached to them.