1、优点
（1）能解决浏览器的兼容性JS问题
（2）解决JS代码冗余的问题
（3）动画效果更容易实现
2、压缩过的和不压缩的区别
（1）开发过程中用未压缩的；上线后用压缩版本。
（2）版本问题：1.XXX兼容IE678
2.XXX不在支持IE678
还有专门用于移动开发的jQuery
3、两种入口函数方式
（1）$(document).ready(function(){
});
（2）$(function(){
});
（3）JS中不能有两个入口函数，因为后边的会覆盖前面的。但是JQuery入口函数不会被覆盖，两个入口函数都会执行。
（4）入口函数区别：
JS的入口函数是等到页面所有内容（js、css 、dom树）都加载完成后才会去执行。
JQuery的入口函数是等到页面的dom树加载完成后才会去执行。
4、JQuery的详细使用
JQuery中占用了$和JQuery两个变量，起初就是用JQuery，但是后来觉得麻烦，所以就用了$代替JQuery。
JQuery的$符号已被占用，所以JS中可以用$符号作为变量名或函数名，但是JQuery中就不可以。
5、css在JQuery中的详细使用
（1）设置样式
$("选择器名称").css(属性列表);
样例：$("选择器名称").css("属性","值");设置一个样式
$("选择器名称").css({"属性":"值","属性":"值"});设置多个样式
通过函数来设置样式：适用于选择出多个选择器，想给其中的几个设置样式
$("选择器名称").css("属性",function(index,value){
index是代表的序号，加个if判断之后就可以通过index来给特定的选择器进行设置
});
（2）获取样式
$("选择器名称").css(属性);
6、JQuery是JavaScript的类库
在世界上访问量前10000的网站中，有超过44%的网站都在用JQuery。JQuery开发出来的时候创始人只有22岁。
两者区别：JavaScript包含jQuery。
7、JQuery选择器
（1）基本选择器
#id .class 标签
（2）层级选择器
后代选择器 用空格：选择所有的后代元素
子代选择器 用>：选择所有的儿子元素
紧邻选择器 用+：选择紧挨着的下一个元素 例如：div+p div后边（同级）中的第一个p标签。
用~：选择后边所有的兄弟元素 例如：div~p div后边（同级）的所有兄弟元素p标签
（3）过滤选择器
:eq(index) 选择序号为index的进行处理 例如：$("li:eq(index)").css("属性","值");
:gt(index) 选择序号大于index的进行处理 例如：$("li:gt(index)").css("属性","值");
:lt(index) 选择序号小于index的进行处理 例如：$("li:lt(index)").css("属性","值");
:odd 选择所有序号为奇数行的元素进行处理
:even 选择所有序号为偶数行的元素进行处理
:first 选择匹配第一个元素
:last 选择匹配第二个元素
（4）属性选择器
[attr] 选取有这个属性的元素
[attr='value'] 选取属性值等于value的属性的元素
[attr!='value'] 选取属性值不等于value的属性的元素
[attr^='value'] 选取属性值前边能匹配value的属性的元素
[attr$='value'] 选取属性值后边能匹配value的属性的元素
[attr*='value'] 选取属性值中包含value的属性的元素
[][][][][] 多个属性去确定一个元素的时候，只有所有属性都满足的时候，才能被选中。
以a元素和href属性为例进行分析。
（5）筛选选择器（都是方法）
.eq(index)
.first()
.last()
.parent() 可以传递参数，也可以不传递参数，如果传递参数的话就相当于传递一个
.find("") 参数代表选择的后代