JavaScript-jQuery01# jQuery的封装原理

jQuery的封装原理

简介

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

特点

1. 支持各种主流浏览器
2. 语法简单
3. 拥有丰富的插件

使用

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

封装原理

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

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