Explain .empty() vs .remove() vs .detach() in Jquery

• .empty() method is used to remove all the child elements from matched elements.
• .remove() method is used to remove all the matched element. This method will remove all the jQuery data associated with the matched element.
• .detach() method is same as .remove() method except that the .detach() method doesn’t remove jQuery data associated with the matched elements.

.remove() is faster than .empty() or .detach() method.

Syntax:

$(selector).empty();
$(selector).remove();
$(selector).detach();