Difference between remove() and detach() in jQuery

Question

I have a question related to jQuery .remove() method. Consider this code:

var x;
$("#btn1").click(function() {
    x = $("p").remove();
});
$("#btn2").click(function() {
    $("body").prepend(x);
});

If the code is checked on click on the button2, the paragraph element is restored. I heard that remove() and detach() methods are different. How can they be different when remove() itself keeps all jQuery data?

These are two completely unrelated questions. Please open a separate one for each. Also, the first one needs more detail. What exactly do you want to know about the `javascript:` keyword. — Philipp, Feb 06 '13 at 16:58
@Philipp if u can answer this plz help me.That's what i needed — Maizere Pathak, Feb 06 '13 at 17:00
"javascript:" is not a keyword; it's a URL scheme and generally in 2013 its use is an indication of bad programming practice. — Pointy, Feb 06 '13 at 17:00
@MaizerePathak I will answer you after you did what I told you to do. — Philipp, Feb 06 '13 at 17:01
possible duplicate of [What is "javascript:" used for, and is it compliant?](http://stackoverflow.com/questions/10933863/what-is-javascript-used-for-and-is-it-compliant) — epascarello, Feb 06 '13 at 17:01
@Pointy — Except when it is a label (when it is an indication of cargo cultism). — Quentin, Feb 06 '13 at 17:01
@Quentin yes but it's not a "keyword". And I think using "javascript:" as a label is at least kind-of weird :-) — Pointy, Feb 06 '13 at 17:04
@Pointy — Nor is it a URL scheme :) It's cargo cultism. "I have seen people use this in `href` therefore I must use it in `onclick` even though I don't understand why it is used in `href`" this of course leads to "I have seen people use it in `onclick` therefore I must etc etc" :) — Quentin, Feb 06 '13 at 17:05
Thank you for editing this into a single question. I made a couple of small further changes, and voted to reopen. — bfavaretto, Feb 06 '13 at 17:12
@Quentin u closed my question even after i have edited why?why did u do this? — Maizere Pathak, Feb 06 '13 at 17:24
@MaizerePathak — I voted to close it before you edited it. That's why my name is at the front. — Quentin, Feb 06 '13 at 17:25

Esailija · Accepted Answer · 2013-02-06T17:40:46.333

3

.remove() removes the jQuery internal data about the contained elements from jQuery.cache . Such data includes custom data set with .data() and the data required by jQuery's event model.

.detach() does not remove that data.

.remove()/.detach() additionally just remove the element(s) from the DOM tree. It's like removing an item from an array... the item itself does not just magically vanish even if it's no longer in the array. Especially if you keep a reference to it like you are doing in your code.

edited Feb 06 '13 at 17:40

answered Feb 06 '13 at 17:02

Esailija

138,174
23
272
326

i edited my post and i got it closed why? – Maizere Pathak Feb 06 '13 at 17:12
@MaizerePathak It was closed before you edited (because it had two unrelated questions in a single post). Now it may be reopened. Try to comment to some of the people above, mentioning their usernames with @, maybe they'll vote to reopen too. – bfavaretto Feb 06 '13 at 17:20

Difference between remove() and detach() in jQuery

1 Answers1

Linked

Related