Is the data stored with jquery's data method removed when the element is removed?

What happens to the data stored for a given element using the jQuery.data() function after that element is removed or replaced? In tests it appears this data is no long开发者_运维技巧er available after the element it was attached to is removed.

---

Yes, when an element is removed by .remove() or .empty() on a parent (or .html() on a parent), the data (stored in the jQuery.cache object) is cleaned up as well.

You can see in the source:

• Here's where it happens for .remove()
• Here's where it happens for .empty()
• Here's where it happens for .html()

In all these cases, the jQuery.cleanData() function does the work.

---

In case others finding this are looking for ways to directly remove data, there are functions for this, just not commonly used directly: .removeData() and $.removeData(). They behave like .data() and $.data() in usage - without the data key (name parameter) they'll clear all data values for the element.