jQuery是JavaScript的一个轻量级框架，对JavaScript进行封装，它提供了很多方便的选择器。供你快速定位到需要操作的元素上面去。还提供了很多便捷的方法。
怎样使用jQuery？
jQuery是一个库（框架），要想使用它，首先必须引入
jQuery简单入门
所有的jQuery代码写在页面加载函数
$(function(){
jQuery代码
})
补充：JavaScript和jQuery的区别
传统的JavaScript页面加载函数是最后一个生效，他会覆盖之前的。 它的加载顺序比jQuery的要满（它是整个文档加载完毕之后才会执行）
jQuery的页面加载函数可以存在多个（不会发生覆盖），它会按照顺序执行（dom加载完成）
获取元素（JavaScript：document.getElementById() ------------------jQuery：$("#id")）
jQuery对象与DOM对象转换
$(dom对象) jQuery对象.get(0)/jQuery对象[index]
jQuery选择器：
id选择器：$("#id名称")
元素选择器：$("元素名称")
类选择器：$(".类名")
通配符：*
多个选择器共用（并集）
层级选择器：
ancestor descendant：在给定的祖先元素下匹配所有的后代元素（儿子 孙子 重孙子）
parent>child：在给定的父元素下匹配所有的子元素（儿子）
prev+next：匹配所有紧接在prev元素后的next元素（紧挨着的，同桌）
prev~siblings：匹配prev元素之后的所有siblings元素（兄弟）
基本过滤选择器：
$("li").first() 等价于 $("li:first")
属性选择器：
[attribute] [attribute=value] [attribute!=value] [attribute^=value] [attribute$=value] [attribute*=value]
表单选择器：
:input :text :password :radio :checkbox :submit :image :reset :button :file :hidden
:enable :disabled :checked :selected、
jQuery方法总结：
属性操作(代码/文本/值)：html(val||fn) text(val||fn) val(val||fn||arr)
遍历函数：each() 方式一：$(ele).each(fn) 方式二：$.each($ele,fn) 回调函数fn：function(index,docEle)--------->参数一（遍历索引号），参数二（遍历当前对象docEle==this(dom对象)）
文档处理（内部插入）：append(content||fn) appendTo(content||fn) prepend(content||fn) prependTo(content||fn)
常见事件：
blur()--失去焦点 change--改变，select列表项改变 click--单击 dblclick--双击 error--页面加载错误 focus--获得焦点 keydown--键盘按下
keypress--键盘按 keyup--键盘弹起 mousedown--鼠标按下 mousemove--鼠标移动 mouseout--鼠标移出 mouseover--鼠标移入 mouseup--鼠标弹起
resize（改变大小-窗口） scroll--滚动（滚动条） select--选中 submit--提交 unload--页面加载
事件切换｛hover（over，out） toggle（fn，fn2，...）｝
A.hover（fn1，fn2） 等效 A.mouseover（fn1）.mouseout（fn2）
toggle（fn1，fn2，...） click事件增强版，轮回