jQuery初入

lyChengx 2018-12-01 原文

### what is jQuery?

> jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScrip

jQuery是一个快速、小巧且功能丰富的JavaScript库。它使HTML文档的遍历和操作、事件处理、动画和Ajax等操作变得更加简单，并提供了一个易于使用的API，可以跨多种浏览器工作。jQuery集多功能性和可扩展性于一身，改变了数百万人编写JavaScrip的方式

#### 什么是javascript库

把一些常用的方法写到一个单独的js文件，使用得当时候直接引用这个js文件就可以了

#### jQuery版本

> 官网下载地址https://jquery.com/。目前版本分为1.x，2.x，3.x

– 版本
– 1.x：支持旧浏览器（IE6、7、8）
– 2.x和3.x：不再支持旧浏览器
– 压缩版和未压缩版
– 未压缩版（jquery-xxx.js）
– 包括完整的注释，代码格式，见名知意的变量名
– 体积大，可读性好（适用于学习和开发）
– 压缩版（jquery-xxx.min.js）—专门工具生成
– 去掉所有的注释。空字符。极简化变量名
– 体积小，可读性差（适用于生产环境）
– 部署：2种
– 将js部署在本地
– 利用CDN网络
– 什么是CDN网络：在网络中的多台服务器，智能判断客户端到某台服务器的网络状况，选择最优服务器下载资源
– 为什么使用：避免距离带来的网络延迟
– 何时使用：在项目中用到了公共的库或框架
– 如何使用：官网->下载->CDN地址

#### jQuery类型

> 引入jquery.js时：其实是向全局·作用域中，添加了一个新的类型—jQuery

– 构造函数：负责创建jQuery类型的对象
– 必须先创建jQuery类型的对象，才能用jQuery
– 原型对象：保存jQuery类型的子对象，才能用简化版API
– 创建jQuery对象
– 什么是jQuery对象：封装DOM元素，并提供操作DOM元素的简化版API的类数组对象
– 为什么创建：DOM元素不是jQuery类型子对象，无法直接使用jQuery的简化版
– 何时创建：只要使用jQuery，必须先创建jQuery对象，封装DOM对象。才能使用jQuery简化版API
– 如何创建
1. 通过选择器，从无到有的查找DOM元素，创建jQuery对象
– 创建jQuery(“selector”)可进一步简化为：$(“selector”)
– 先查找符合”selector“的dom元素
– 将DOM元素装进新建的jQuery对象中
2. 将到手的DOM元素封装进jQuery对象中
– $(DOM元素)创建一个jQuery对象，保存DOM元素
– jQueryAPI的三大特性
1. 一个函数两用
– 没有新值，默认执行获取操作
– 给了新值，变为执行修改操作
– 比如：.html()获取内容 / .html(xxx)修改内容为xxx
2. 自带遍历：对jQuery对象调用一次简化版API，等效于对类数组对象中每个元素都调用一次API
3. 几乎每个jQuery都返回正在使用的jQuery对象本身