JQuery中 hide 与 remove 之间的互用及其区别

开发工具与关键技术：VS  hide与remove互用
作者：廖 茂
撰写时间：2019 年 01 月 17 日

JQuery中，同一效果会有不同的实现方式，其中 hide 和 remove 就可以实现页面隐藏这一效果

我们先用 hide 来实现页面隐藏效果根据图中代码，我们需要把 id 为 first 的 div 里面的内容隐藏，button 为事件触发按钮，页面样式与事件触发结果如下：

页面样式

代码事件触发结果

接下来用 remove 来实现页面隐藏效果

事件触发结果如下：

由此可见用 hide 和用 remove 都可以得到相同效果，但两者有区别，当我们用hide 时，事件触发后HTML代码中第一个 div 多了一个 display：none；属性，并且是由此属性来实现页面隐藏，源代码还存在；而用 remove 时，是通过移除第一个 div 及其里面的内容来实现页面隐藏的，源代码已被删除。

当需要实现页面隐藏效果时，个人推荐使用 hide 。