面向对象三大特性 封装

　封装：

　　　　　　把事物封装抽象成类，由可见的操作数据过程，变成不可见的方法函数。

点击之前

 

　　

点击之后

再次点击蓝色div   恢复到初始状态

代码实现 ： 

面向对象写法

 

看着  突然感觉 面向对象写的好复杂。。。。。但是你要知道如果一100个元素都需要添加这样的事件

 

画红框的地方 写100边   而面向过程 。。。。

 

 谁多谁小 显而易见了，，这就是封装的重要性。。让你的代码   不再 代码冗余