top button
Flag Notify
    Connect to us
      Site Registration

Site Registration

What is the difference between .empty(), .remove() and .detach() methods in jQuery?

+4 votes
871 views
What is the difference between .empty(), .remove() and .detach() methods in jQuery?
posted Jul 9, 2015 by Manikandan J

Share this question
Facebook Share Button Twitter Share Button LinkedIn Share Button

1 Answer

+1 vote

All these methods .empty(), .remove() and .detach() are used for removing elements from DOM but they all are different.

.empty(): This method removes all the child element of the matched element where remove() method removes set of matched elements from DOM.

.remove(): Use .remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed.

.detach(): This method is the same as .remove(), except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time.

answer Jul 9, 2015 by Shivaranjini
...