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

Question

JQuery中，同一效果会有不同的实现方式，其中 hide 和 remove 就可以实现页面隐藏这一效果
我们先用 hide 来实现页面隐藏效果  
根据图中代码，我们需要把 id 为 first 的 div 里面的内容隐藏，button 为事件触发按钮，页面样式与事件触发结果如下：
页面样式
 代码事件触发结果
接下来用 remove 来实现页面隐藏效果 
事件触发结果如下：
 
由此可见用 hide 和用 remove 都可以得到相同效果，但两者有区别，当我们用hide 时，事件触发后HTML代码中第一个 div 多了一个 display：none；属性，并且是由此属性来实现页面隐藏，源代码还存在；而用 remove 时，是通过移除第一个 div 及其里面的内容来实现页面隐藏的，源代码已被删除。
当需要实现页面隐藏效果时，个人推荐使用 hide 。

Answer 1

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

Answer 2

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