1.导入js文件
(1)将jquery-1.8.3.js文件放入项目的js目录下
(2)引入js文件
(3)测试代码
(4)测试结果
2.JQuery加载比JS快
原因：JQuery是当整个dom树结构加载完毕就会加载，JS在整个页面加载完毕后<包括里面的其他内容，比如图片>
测试代码：
JS与JQ加载区别
测试结果：优先显示JQuery加载内容
3.JQuery加载方式
（1）JQuery简写为$：
JQuery(document) 与$(document)表达一致
（2）JQuery加载不存在覆盖问题，顺序执行
//JQ加载方式: 顺序执行，先弹出“测试JQ加载方式”
jQuery(document).ready(function () {
alert("测试JQ加载方式");
})
$(document).ready(function () {
alert("测试JQ$加载");
})
（3） jQuery(document).ready简写为$:
$(function () {
alert("测试简写JQuery（Document）.ready")
})
4.JQuery获取元素 $("#btn")，btn为元素id
JQ的获取
5.DOM对象和JQuery对象的转换
（1）DOM对象无法直接操作JQuery对象的属性和方法;JQuery无法操作JS对象的属性和方法
（2）转换示例：
DOM对象和JQuery对象的转换
测试：测试代码
练习示例：使用JQuery完成首页定时弹出广告图片位置
准备：定时弹出的广告代码
（1）导入JQuery
（2）书写广告显示的定时操作
$(function () {
time = setInterval("showAD()",3000);
})
（3）书写显示广告图片的函数
function showAD() {
//3.获取广告图片，并让其显示
$("#img2").show(1000);
//4.书写清除广告显示的定时操作
clearInterval(time);
//5.书写广告隐藏的定时操作
time = setInterval("hiddAD()",3000);
}
show（）显示的无动画版本
show（speed,[callback]） 显示的动画版本，speed取值：slow、normal、fast或表示动画时长的毫秒值（1000）
（4）书写隐藏广告图片函数
function hiddAD() {
$("#img2").hide();
clearInterval(time);
}
hide（）显示的无动画版本
hide（speed,[callback]） 显示的动画版本，speed取值：slow、normal、fast或表示动画时长的毫秒值（1000）
示例完整代码：
6.toggle方法的使用
用途：内容的显示和隐藏
示例：
Toggle的使用
7.选择器的基本类型
（1）#id 根据id选择
（2）element
（3）.class
（4）* --匹配所有的元素
（5）select1,select2,selectN --将所有选择的元素一起返回（并）
示例：
基本选择器
111
222
333
444
555
666
8.层级选择器
（1）在给定的祖先元素下匹配所有的后代元素 （匹配子元素、子元素的子元素等所有后代元素） ---“ ” 空格
（2）在给定父元素下匹配所有的子元素 （匹配子元素） --">"
（3）匹配所有紧接在prev元素后的next元素（匹配相邻元素） --“+”
（4）匹配prev元素之后的所有siblings元素（匹配当前元素的同辈元素） --“~”
示例代码：
层级选择器
111
222
333
444
555
666
9.基本过滤选择器
（1）“:first” 获取匹配的第一个元素
（2）“:last” 获取匹配的最后一个元素
（3）“:even” 获取匹配索引值的偶数元素，从0开始计数，即第1、3、5个索引
（4）“:odd”获取匹配索引值的奇数元素，从0开始奇数，即0、2、4个索引
示例代码：
层级选择器
111
222
333
444
555
666
10.属性选择器
示例代码：
层级选择器
111
222
333
444
555
666
11.练习：表单隔行换色实现代码
使用jQuery完成表格隔行换色
编号
姓名
年龄
1
张三
22
2
李四
25
3
王五
27
4
赵六
29
5
田七
30
6
汾九
20
实现方式二说明（常用）：
在.css文件中添加样式如下：
.even { background:#FFF38F;} /* 偶数行样式*/
.odd { background:#FFFFEE;} /* 奇数行样式*/
.selected { background:#FF6500;color:#fff;}
addClass（）：为每个匹配的元素添加指定的类名
添加类名后即可直接使用css文件中的样式
12.练习：全选和全不选
使用jQuery完成复选框的全选和全不选
编号
姓名
年龄
1
张三
22
2
李四
25
3
王五
27
4
赵六
29
5
田七
30
6
汾九
20