在 jQuery 中，有三种常用的 DOM 操作方法：detach()、hide() 和 remove()。这些方法都可以用于隐藏或删除元素，但它们之间有一些重要的区别。
hide()
hide() 方法是将匹配的元素设置为不可见，但仍然存在于页面 DOM 中。它接受一个可选参数，用于指定动画效果的持续时间。默认情况下，元素会通过 CSS 的 display: none; 隐藏。
-- ---- -----------------------
当需要对元素进行显示操作时，可以使用 show() 方法，如下所示：
-- ---- -----------------------
remove()
remove() 方法则是彻底删除匹配的元素，包括与之相关的数据和事件处理程序，从而释放内存空间。它也接受一个可选参数，用于指定动画效果的持续时间。
-- ---- -------------------------
如果需要在文档中重新插入已删除的元素，可以使用 append() 或 appendTo() 等方法重新添加。
-- ---------- ---------------------------------------
detach()
detach() 方法与 remove() 类似，但是它保留了元素的数据和事件处理程序，并且可以重新插入到文档中。它也接受一个可选参数，用于指定动画效果的持续时间。
-- --------------------- -------------------------
如果需要在文档中重新插入已分离的元素，可以使用 append() 或 appendTo() 等方法重新添加。
-- ---------- ---------------------------------------
总结
hide()方法将元素设置为不可见，但仍然存在于页面 DOM 中。remove()方法彻底删除元素，包括与之相关的数据和事件处理程序。detach()方法从文档中移除元素，但保留了元素的数据和事件处理程序。
根据具体的需求，选择合适的方法操作元素。同时，我们应该尽可能的避免频繁地对 DOM 进行操作，以提高性能。
示例代码如下：
--------- -----
------
------
------------- --- ------------
------- ----------------------------------------------------------------------------
-------
---- -
------ ------
------- ------
----------------- -----
-------------- -----
-
--------
-------
------
---- ----------- ----------------
---- ----------- ----------------
---- ----------- ----------------
------- --------------------------
------- ----------------------------
------- ----------------------------
------- --------------------------------
--------
------------ -
------------------------------ -
------------------
---
-------------------------------- -
--------------------
---
-------------------------------- -
--------------------
---
---------------------------------- -
----------------------------------
---
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11058