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

[金色的暗影]

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


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


页面样式


代码事件触发结果
接下来用 remove 来实现页面隐藏效果


事件触发结果如下：



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

[正怒月神]

hide和remove通过名字就很好理解了。

[丰云]

这点混的。。。。一看就是写文案出身。。。。 芝麻大点事，硬是写出几千字的大花。。。。

[以专业开发人员为伍]

本来从业务逻辑上，你就应该区分到底是隐藏还是移除，做到言行一致。比如说在 UI 上将一个人拽出了一个部门，你硬说是什么“隐藏”这就不对了。所谓“接下来用 remove 来实现页面隐藏效果" 这就是哄小孩子的不实之词，人品端正的程序员应该先搞清楚到底是要隐藏还是移除页面，因为页面一旦移除、再次插入进来时就会初始化 DOM 组件以及调用相关的事件（例如重新从头播放视频），而隐藏并且重新可见的机制则根本不同。 不因为满脑子"技术名词儿"而实际上言行不一地用技术语言来指挥需求，知道技术逻辑必须服从于业务逻辑，这是程序员的基本人品。

[以专业开发人员为伍]

如果你总觉得拼凑技术可以糊弄、"差不多相当于"业务逻辑需求，那么这样长此以往学不好技术，甚至会误人害己。技术必须是比较低级的、做到业务的100%的完备支持的底层基础，才叫做技术。