Differentiate among .empty() vs .remove() vs .detach() in jQuery.

.empty() – This method is used to remove all the child elements from matched elements.

Syntax-

$(selector).empty();
• .remove() – This method is used to remove all the matched element. It will remove all the jQuery data associated with the matched element.

Syntax-

$(selector).remove();
• .detach() – This method is same as .remove() method except that the .detach() method doesn’t remove jQuery data associated with the matched elements.

Syntax-

$(selector).detach();