jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。但 jQuery对象无法使用 DOM对象的任何方法，同理 DOM对象也不能使用 jQuery里的方法。
基本语法：
$("选择器").方法()
1、选择器
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素
1）、id选择器
2）、标签选择器
3）、class选择器
4）、id、标签、class配合使用：$("div.c1")
5）、所有元素选择器：$("*")
6）、组合选择器：$("#id, .className, tagName")
7）、层级选择器：
x和y为任意选择器
$("x y") x的所有后代y（子子孙孙）
$("x > y") x的所有儿子y（儿子）
$("x + y") 找到所有紧挨在x后面的y
$("x ~ y") x之后所有的兄弟y
8）、基本筛选器
:first 第一个
:last 最后一个
:eq(index) 索引等于index的那个元素
:even 匹配所有索引值为偶数的元素，从 0 开始计数
:odd 匹配所有索引值为奇数的元素，从 0 开始计数
:gt(index) 匹配所有大于给定索引值的元素
:lt(index) 匹配所有小于给定索引值的元素
:not(元素选择器) 移除所有满足not条件的标签
:has(元素选择器) 选取所有包含一个或多个标签在其内的标签(指的是从后代元素找)
9）、属性选择器
[属性名]
[属性名=值] 属性等于
[属性名!=值] 属性不等于
10）、表单常用筛选
:text
:password
:file
:radio
:checkbox
:submit
:reset
:button
关于 : 和 [] 这两个符号的理解：
：为种类的意思，如：p:first，p 的种类为第一个。
[] 为属性的意思，如：[href] 选取带有 href 属性的元素。
2、筛选器
1）、下一个元素：
$("").next()
$("").nextAll()
$("").nextUntil("")
2）、上一个元素：
$("").prev()
$("").prevAll()
$("").prevUntil("")
3）、父亲元素：
$("").parent()
$("").parents() 查找当前元素的所有的父辈元素
$("").parentsUntil() 查找当前元素的所有的父辈元素，直到遇到匹配的那个元素为止。
4）、儿子和兄弟元素：
$("").children() 儿子们
$("").siblings() 兄弟们
5）、查找元素：
$("").find() 搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
6）、其他
.first() 获取匹配的第一个元素
.last() 获取匹配的最后一个元素
.not() 从匹配元素的集合中删除与指定表达式匹配的元素
.has() 保留包含特定后代的元素，去掉那些不含有指定后代的元素。
3、操作标签
1）、样式操作
样式类：
addClass() 添加指定的CSS类名
removeClass() 移除指定的CSS类名
hasClass() 判断样式存不存在
toggleClass() 切换CSS类名，如果有就移除，如果没有就添加
位置：
offset() 获取匹配元素在当前窗口的相对偏移或设置元素位置
position() 获取匹配元素相对父元素的偏移
scrollTop() 获取匹配元素相对滚动条顶部的偏移
scrollLeft() 获取匹配元素相对滚动条左侧的偏移
尺寸：
height()
width()
innerHeight()
innerWidth()
outerHeight()
outerWidth()
2）、文本操作
HTML代码：
html() 取得第一个匹配元素的html内容
html(val) 设置所有匹配元素的html内容
文本值：
text() 取得所有匹配元素的内容
text(val) 设置所有匹配元素的内容
值：
val() 取得第一个匹配元素的当前值
val(val) 设置所有匹配元素的值
val([val1, val2]) 设置checkbox、select的值
3）、属性操作
用于ID等或自定义属性：
attr(attrName) 返回第一个匹配元素的属性值
attr(attrName, attrValue) 为所有匹配元素设置一个属性值
attr({k1: v1, k2:v2}) 为所有匹配元素设置多个属性值
removeAttr() 从每一个匹配的元素中删除一个属性
用于checkbox和radio：
prop() 获取属性
removeProp() 移除属性
4）、文档处理
添加到指定元素内部的后面：
$(A).append(B) 把B追加到A
$(A).appendTo(B) 把A追加到B
添加到指定元素内部的前面
$(A).prepend(B) 把B前置到A
$(A).prependTo(B) 把A前置到B
添加到指定元素外部的后面
$(A).after(B) 把B放到A的后面
$(A).insertAfter(B) 把A放到B的后面
添加到指定元素外部的前面
$(A).before(B) 把B放到A的前面
$(A).insertBefore(B) 把A放到B的前面
移除和清空元素
remove() 从DOM中删除所有匹配的元素。
empty() 删除匹配的元素集合中所有的子节点
替换
replaceWith()
replaceAll()
克隆
clone()
4、事件
1）、常用事件：
click(function(){...})
hover(function(){...})
blur(function(){...})
focus(function(){...})
change(function(){...})
keyup(function(){...})
2）、事件绑定
.on( events, [ selector ],function(){})
events：代表事件
selector: 选择器（可选的）
function: 事件处理函数
3）、阻止后续事件执行
想使用事件委托的方式绑定hover事件处理函数，可以参照如下代码分两步绑定事件：
$('ul').on('mouseenter', 'li', function() {//绑定鼠标进入事件
$(this).addClass('hover');
});
$('ul').on('mouseleave', 'li', function() {//绑定鼠标划出事件
$(this).removeClass('hover');
});
4）、页面载入
jQuery大部分功能需要根据文档的DOM模型来工作，首先需要正确地解析到整个文档的DOM模型结构。使用jQuery需要在整个文档被浏览器完全加载后才开始进行。
$(document).ready(function () {
alert("Hello World!");
$("p").click(function (event) {
alert("Thanks for visiting!");
})
});
5）、事件委托
事件委托是通过事件冒泡的原理，利用父标签去捕获子标签的事件。
5、动画效果