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



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

Answer / chaitanya

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.

Find out more here

Is This Answer Correct ?    0 Yes 0 No

Post New Answer

More jQuery Interview Questions

Is jQuery a W3C standard?

2 Answers  


How to increase cursor size in html body using jquery?

0 Answers  


How can images be made to appear scrolling one over another?

0 Answers  


Explain the each() function?

0 Answers  


Can you please explain the difference between body onload() and document.ready() function? : jquery mobile

0 Answers  






Explain the use of the .pushstack() method.

0 Answers  


Mac, windows or linux? Why do you love this platform while using jquery?

0 Answers  


How to create, read and delete cookies with jquery?

0 Answers  


Is it too early to discuss jquery ui 1.8?

0 Answers  


How to validate email using jquery?

0 Answers  


Can we have multiple document.ready() function on the same page? : jquery mobile

0 Answers  


What are the advantages of using cdn?

0 Answers  


Categories