本文共 1554 字，大约阅读时间需要 5 分钟。

1、什么是 jQuery?

jQuery，顾名思义，也就是 JavaScript 和查询（Query），它就是辅助 JavaScript 开发的 js 类库，相当于java的工具类，库是存放东西的， jQuery是存放js代码的地方， 放的用js代码写的function。

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

2、优点

（1）写少代码,做多事情【write less do more】

（2）免费，开源且轻量级的 js 库，容量很小 （3）兼容市面上主流浏览器，例如 IE，Firefox，Chrome （4）能够处理 HTML/JSP/XML、CSS、DOM、事件、实现动画效果，也能提供异步 AJAX 功能 （5）文档手册很全，很详细 （6）成熟的插件可供选择，多种 js 组件，例如日历组件（点击按钮显示下来日期） （7）出错后，有一定的提示信息 （8）不用再在 html 里面通过<script>标签插入一大堆 js 来调用命令了

3、获取 jQuery

jQuery 的不同版本中，2.xx 不再支持 IE6/7/8 浏览器。现阶段 IE6/7/8 已经是淘汰的，非主流。可以不用考虑兼容问题。 对于每一个同一版本号的 jQuery，其库又分为两个。一个是未压缩版，可查看源码， 开发时使用；一个是压缩版，将注释、空格均做了删除，将变量字符数减少，产品上线时使 用。

第一个为未压缩版，第二个为压缩版。

编写 jQuery 的工具很多，能编写 HTML 的工具都支持 jQuery. 例如记事本，EditPlus, webStorm, Visual Studio Code , HBuilder , HBuilderX , IDEA. 单独学习 jQuery 库使用，可以轻量的开发工具，例如 EditPlus , HBuilder,HbuilderX 编写项目可以使用集成开发工具，例如在 IDEA， Eclipse , MyEclipse ,WebStorm 等

4、jQuery 的初体验！！！

建立一个Module,

新建一个HTML文件 需求：使用 jQuery 给一个按钮绑定单击事件?

    
       
   
   
   SayHello

5、常见问题

1、使用 jQuery 一定要引入 jQuery 库吗？

答案： 是，必须 2、jQuery 中的$到底是什么？ 答案： 它是一个函数 3、怎么为按钮添加点击响应函数的？ 答案： 1、使用 jQuery 查询到标签对象 2、使用标签对象.click(function(){});

6.jQuery 核心函数$

$ 是 jQuery 的核心函数，能完成 jQuery 的很多功能。$()就是调用$这个函数

• 1、传入参数为 [ 函数 ] 时： 表示页面加载完成之后。相当于 window.οnlοad=function(){}
• 2、传入参数为 [HTML 字符串 ] 时： 会对我们创建这个 html 标签对象
• 3、传入参数为 [ 选择器字符串 ] 时：
  $(“#id 属性值”); id 选择器，根据 id 查询标签对象 $(“标签名”);
  标签名选择器，根据指定的标签名查询标签对象 $(“.class 属性值”);
  类型选择器，可以根据 class 属性查询标签对象
• 4、传入参数为 [DOM 对象 ] 时： 会把这个 dom 对象转换为 jQuery 对象

转载地址：http://jouki.baihongyu.com/