[JavaScript知识库]jQuery的封装原理

jQuery的封装原理

1. 概述：
   jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。
   jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。
   它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

2. 特性和优势：
   支持各种主流浏览器
   语法简单
   拥有丰富的插件

3. jQuery的使用步骤
   引入jQuery文件
   jQuery的封装原理
   jQuery的选择器
   jQuery操作元素的属性
   jQuery操作元素的样式和内容
   jQuery操作元素的文档结构
   jQuery中的事件
   jQuery中的动画效果

4. 封装原理
   ① js的全局代码区只有一个，这样就会造成同名变量的值会被覆盖
   ② 使用对象封装，将代码封装到对象中，但是如果对象被覆盖，则全部失效，风险极高
   ③ 使用工厂模式，将代码进行封装，但是并没有解决问题
   ④ 将封装的函数名去除，避免覆盖，但是函数没有办法被调用
   ⑤ 匿名自调用，可以在页面加载的时候调用一次，但是不能重复调用，并且数据没有办法获取
   ⑥ 使用闭包，将数据一次性挂载到window对象下

补充：
闭包原理:在全局区中不能够获取函数体内的数据,使用更大作用域的变量来记录小作用域变量的值