jQuery简介

jQuery 是一款跨主流浏览器的 JavaScript 库，封装了 JavaScript 相关方法调用，简化 JavaScript 对 HTML DOM 操作。

官网地址： https://jquery.com/。

jQuery 是一个快速，小巧，功能丰富的 JavaScript 库。 它通过易于使用的大量 API 在浏览器中运行，使得 HTML 文档遍历和操作、事件处理、动画和 Ajax 变得更加简单。 通 过多功能性和可扩展性的结合，jQuery 改变了数百万人编写 JavaScript 的方式。

jQuery 的优势

1. 能够兼容市面上主流的浏览器，例如 IE，Firefox，Chrome。

   IE 和 FireFox，Google 浏览器 处理 AJAX，创建异步对象是不同的，而 jQuery 能够使用一种方式在不同的浏览器创建 AJAX 异步对象。

2. write less, do more.

3. 免费，开源且轻量级，容量很小

4. 能够处理 HTML/JSP/XML、CSS、DOM、事件、实现动画效果，也能提供异步 AJAX 功能

5. 文档手册很全，很详细

6. 成熟的插件可供选择，多种 js 组件

7. 出错后，有一定的提示信息

8. 不用再在 html 里面通过过 <script> 标签插入一大堆 js 来调用命令了

jQuery 的安装

官网下载地址：https://jquery.com/download。

html中使用 <scrpit> 标签引入即可，引入后有全局变量 $。

jQuery 的不同版本中，2.xx 不再支持 IE6/7/8 浏览器。现阶段 IE6/7/8 已经是淘汰的，非主流。可以不用考虑兼容问题。

JavaScript 对象和 jQuery 对象

用 JavaScript 语法创建的对象叫做 JavaScript 对象，JavaScript 对象只能调用 JavaScript 对 象的 API。

用 JQuery 语法创建的对象叫做 JQuery 对象，jQuery 对象只能调用 jQuery 对象的 API。

• jQuery 对象是一个数组。在数组中存放本次定位的 DOM 对象。
• jQuery 对象与 JavaScript 对象是可以互相转化的，一般地，由于 jQuery 用起来更加方便， 我们都是将 JavaScript 对象转化成 Jquery 对象。
• 一般情况下，在命名 jQuery 对象时，为了 与 DOM 对象进行区分，习惯性的以 $ 开头

// dom 对象转 jQuery 对象
let $jObj = $(domObj);
let $jObj = $(selector);

// jQuery 对象转 dom对象
let domObj = $jObj.get(index);
let domObj = $jObj[index];