Differences between detach(), hide() and remove() - jQuery

Question

What is the functional difference between these three jQuery methods:

• detach()
• hide()
• remove()

Answer 1

hide() sets the matched element's display to none.

detach() removes the matched elements, including all text and child nodes.

This method stores all the data associated with the element and so can be used to restore the element's data as well as event handlers.

remove() also removes the matched elements, including all text and child nodes.

However, in this case only the element's data can be restored, not its event handlers can't.