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

by

hide() sets the matched elements’ CSS display property to none.

remove() removes the matched elements from the DOM completely.

detach() is like remove(), but keeps the stored data and events associated with the matched elements.

To re-insert a detached element into the DOM, simply insert the returned jQuery set from detach():

var span = $('span').detach();

...

span.appendTo('body');

More Related Contents:

  1. jQuery append function is just appending the html but not the classes related to it
  2. Updating php values using jquery
  3. Jquery replace only specific characters [closed]
  4. Regex for Email Address along with name format [duplicate]
  5. Display attribute ‘Title’ of element/s in other element on Focus or Click
  6. What’s the best way to detect a ‘touch screen’ device using JavaScript?
  7. How to delay the .keyup() handler until the user stops typing?
  8. jQuery/JavaScript collision detection
  9. Is there a null-coalescing (Elvis) operator or safe navigation operator in javascript?
  10. Converting milliseconds to a date (jQuery/JavaScript)
  11. Format a number as 2.5K if a thousand or more, otherwise 900
  12. check if jquery has been loaded, then load it if false
  13. Prevent jQuery UI dialog from setting focus to first textbox
  14. Check if option is selected with jQuery, if not select a default
  15. How can I listen for a click-and-hold in jQuery?
  16. How to scroll the window using JQuery $.scrollTo() function
  17. How to get the number of lines in a textarea?
  18. Convert numbers to letters beyond the 26 character alphabet
  19. jQuery – select all text from a textarea
  20. How can I refresh the screen on browser resize?
  21. Skip ng-repeat JSON ordering in Angular JS
  22. Highlight current page in jquery
  23. How to stop form submit during ajax call
  24. How to download PDF automatically using js?
  25. Jquery click function is not working for dynamic elements
  26. How to hide optgroup/option elements?
  27. What is the new proper way to use a child selector with a context node in jQuery?
  28. How to include jquery.js in another js file?
  29. Determine distance from the top of a ‘div’ to top of the window with JavaScript
  30. How to use confirm using sweet alert?

Leave a Comment