笔者是刚入前端行业的时候做过一个稍微大型的jQuery项目，现在以及很久没用过了，但是感觉应该还会有不少朋友会去维护老的项目，可能还是会接触到jQuery，所以笔者想了想就还是写jQuery的文章来帮助更多的朋友来认识jQuery吧。
jQuery的官网网址：https://jquery.com/
其他同类型的：

  1. prototype.js - 链接：prototypeJS
  2. YUIjs - 链接：YUIlibrary
  3. zepto.js - 链接：Zepto.js
  4. mootools - 链接：MooTools

jQuery简介：

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

jQuery特征：

  1. 简单易用、轻量级
  2. DOM操作、事件处理、运动效果、ajax操作更方便
  3. 跨多浏览器使用（不用再解决浏览器兼容问题）
  4. 支持CSS选择器查找元素
  5. 完善的插件
  6. 丰富的插件
  7. 经过严格测试的JS库
  8. 链式编程风格
  9. 隐式迭代
    。。。。。

jQuery的代码下载地址：

https://code.jquery.com/

使用方法：

1.直接引用：

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>

2.模块化

说明：

jQuery是以面向对象的方式设计的，jQuery对象实例中通常包装的是DOM元素对象，jQuery对象是一个类似于数组的对象，可以通过数字下标访问jQuery对象中包装的DOM元素。
使用jQuery库时，在全局范围内，$与jQuery是等价的。

核心：

$() ---- jQuery对象生产工厂 - - 可以传递选择器、DOM元素、函数、html字符串。。。

注意点：

jQuery的ready()与原生JS的window.onload的区别：
ready();
$(document).ready(callback);

  • callback函数在页面DOM结构加载结束后执行
  • 有简写的方式：$(callback);
  • 可多次调用（因为它属于事件监听）

window.onload = function(){}

  • 页面内容（包括图像资源）加载完成后执行事件回调函数
  • 不可重复调用，重复调用的话后面的会覆盖前面的（因为它是事件绑定）

你可能不需要jQuery：
http://youmightnotneedjquery.com/

jQuery插件库：
http://www.jq22.com