JQuery_day01

正课:

1. 什么是jQuery

2. 如何使用jQuery

3. 查找

4. 什么是jQuery
   jQuery是第三方提供的执行DOM操作的极简化的函数库
   第三方: 先下载，才能用
   执行DOM操作: 学jQuery还是在学DOM的增删改查，事件绑定
   极简化: jQuery是对DOM API的终极简化
   函数库: jQuery是用函数解决一切问题！

为什么: 2个主要原因:

1. API极简化: 4个方面: 增删改查，事件绑定，动画，ajax
2. 解决了大部分兼容性问题: 凡是jQuery让用的都没有兼容性问题

何时: 几乎所有项目或框架都用jQuery开发。

2. 如何使用jQuery:
   下载:
   版本: 1.x 兼容旧浏览器
   压缩版: 去掉空字符，注释，极简化变量名
   体积小，便于下载
   可读性查
   何时: 生产环境中才用
   未压缩版: 包含完备的空字符，注释，以及见名知意的变量名
   可读性好
   体积大，下载慢
   何时: 学习和开发时使用
   2.x 不再兼容旧浏览器
   3.x 不兼容旧浏览器
   鄙视: jQuery 3.x的新特性:
   1. 所有代码运行在严格模式下
   2. 支持for…of循环遍历（以前用.each()函数）
   3. 新的动画API: requestAnimationFrame()
   4. 支持Promise
   引入: 2种方式:
3. 引入项目本地文件夹中的jquery.js文件
4. 引入CDN网络中共享的jquery.js文件

原理:
引入jquery.js其实是在window中添加一个新类型jQuery
包括: 1. 构造函数: 创建该类型的子对象
2. 原型对象: 保存该类型的子对象共用的API
要使用jQuery简化版API，必须先创建jQuery类型的子对象。
因为jQuery是执行DOM操作的API，所以jQuery对象都要封装一个或多个DOM元素。
如何创建jQuery对象: 2种:

1. 用选择器查找DOM元素，并封装进jQuery对象中:
   var $jq=new jQuery(“选择器”)
   用选择器查询DOM元素，并封装进新创建的jQuery对象中
   因为: function jQuery(){
   return new xxxx()
   }
   所以: 创建jQuery对象时，不用写new
   var $jq=jQuery("选择器")因为:window.$=jQuery
   所以: 可进一步简化为: var $jq=$(“选择器”)
2. 直接将获得的DOM元素封装为jQuery对象
   var $jq=$(DOM元素)
   什么是jQuery对象: jQuery对象是封装一组DOM元素对象，并提供操作DOM对象的简化版API的 类数组对象

jQuery API三大特性:

1. 一个函数两用: 没给新值，默认读取
   给了新值，变为修改

2. 自带遍历效果: 对jQuery对象调用一次API，等效于自动对内部每个DOM元素都调用一次API

3. ?

4. 查找: 按选择器查找:
   如何: var $jq=$(“选择器”)
   包括: jQuery支持所有CSS选择器，并扩展了部分新选择器

5. 基本选择器: 同CSS
   5个: #id, element, .class, *, select1,select2,…