jQuery

jQuery

与JavaScript相比，JavaScript有许多的缺点：

1. 查找元素的方法单一，麻烦。
2. 遍历数组很麻烦，通常要嵌套一大堆的for循环。
3. 有兼容性问题。
4. 想要实现简单的动画效果，也很麻烦
5. 代码冗余

jQuery到底是什么

jQuery的官网 http://jQuery.com/
jQuery就是一个js库，使用jQuery的话，会比使用JavaScript更简单。

js库：把一些常用到的方法写到一个单独的js文件，使用的时候直接去引用这js文件就可以了。
（animate.js、common.js）

我们知道了，jQuery其实就是一个js文件，里面封装了一大堆的方法方便我们的开发，
其实就是一个加强版的common.js，因此我们学习jQuery，其实就是学习jQuery这个js文件中封装的一大堆方法。

jQuery的版本问题

官网下载地址：http://jQuery.com/download/

第三方下载地址：http://www.jq22.com/jquery-info122

jQuery版本有很多，分为1.x 2.x 3.x
1.x和2.x版本jQuery都不再更新版本了，现在只更新3.x版本。

大版本分类：

• 1.x版本：能够兼容IE678浏览器
• 2.x版本：不能兼容IE678浏览器
• 3.x版本：不能兼容IE678浏览器，更加的精简（在国内不流行，因为国内使用jQuery的主要目的就是兼容IE678）

关于压缩版和未压缩版：

• jQuery-1.12.4.min.js:压缩版本，适用于生产环境，因为文件比较小，去除了注释、换行、空格等东西，但是基本没有颗阅读性。
• jQuery-1.12.4.js:未压缩版本，适用于学习与开发环境，源码清晰，易阅读。

引入方式

• 本地引入：下载相应版本的jQuery的js文件，通过绝对路径或相对路径引入
• cdn引入：找到相应版本的jQuery的cdn，将其复制到要使用的地方即可
  • 使用CDN引用的一个好处：许多用户在访问其他站点时，已经从百度、又拍云、新浪、谷歌或微软等网站加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

script放在head和body中的区别

放在body中：在页面加载的时候被执行

放在head中：在被调用时被执行

原因：

1、浏览器是从上到下解析HTML的。

2、放在head里的js代码，会在body解析之前被解析；放在body里的js代码，会在整个页面加载完成之后解析。

js应该放哪：

1、head中：需调用才执行或事件触发执行的脚本，可以保证脚本在调用之前被加载

2、body中：当页面被加载时执行的脚本，通常被用来生成页面内容

jQuery在线文档

1.http://hemin.cn/jq/

2.https://jquery.cuishifeng.cn

体验jQuery的使用

/*
* 1. 查找元素的方法多种多样，非常灵活
* 2. 拥有隐式迭代特性，因此不再需要手写for循环了。
* 3. 完全没有兼容性问题。
* 4. 实现动画非常简单，而且功能更加的强大。
* 5. 代码简单、粗暴。
* */
$(document)