入口函数：等页面DOM加载完毕后再执行js代码
（1）$(document).ready(func())
（2）$(func())jquery的顶级对象：$，相当于原生JavaScript中的window
1、jquery对象和js对象可以转换
（1）jquery对象转js对象：(jquery对象)[0]
（2）js对象转jquery对象：$(js对象)
2、事件的基本使用：jquery中把事件封装成对应的方法，去掉了js中的.on()语法
例如：$('#div').click(func()) $('#div').focus(func()) $('#div').blur(func())
3、事件的绑定和解绑
事件绑定：jquery.对象.on(事件名称, 执行函数)
事件解绑：jquery对象.off(事件名称) 注意：如果不指定事件名称，则会把该对象绑定的所有事件都解绑
4、事件的切换：需要给同一个对象绑定多个事件，而且事件之间还有先后顺序（func为处理函数）
（1）单独定义：$('#div').mouseover(func()) $('#div').mouseout(func())
（2）链式调用：$('#div').mouseover(func()).mouseout(func())
5、遍历操作
（1）传统方式：for循环
（2）对象.each()方法
例子：
let lis = $('li')
lis.each(function(index, ele) { alert(index + ':' + ele.innerHTML) })
（3）$.each()方法
例子：
let lis = $('li')
$.each(lis, function(index, ele) { alert(index + ':' + ele.innerHTML) })
（4）for of 语句
例子：
let lis = $('li')
for(ele of lis) { alert(ele.innerHTML) }
6、jquery选择器
基本选择器：
（1）元素选择器：$('元素的名称')
（2）id选择器：$('#id的属性值')
（3）类选择器：$('.class的属性值')
层级选择器：
（4）后代选择器：$('A B') A下所有的B（包括B的子级）
（5）子选择器：$('A > B') A下所有的B（不包括B的子级）
（6）兄弟选择器：$('A + B') A相邻的下一个B
（7）兄弟选择器：$('A ~ B') A相邻的所有B
属性选择器：
（8）属性名选择器：$('A[属性名]') $('input[name]')
（9）属性值选择器：$('A[属性名=属性值]') $('input[name="username"]')
过滤器选择器：
（10）首元素选择器：$('A:first') 选择获取的元素中的第一个元素
（11）尾元素选择器：$('A:last') 选择获取的元素中的最后一个元素
（12）非元素选择器：$('A:not(B)') 不包含指定的元素
（13）偶数选择器：$('A:even') 偶数，从0开始计数
（14）奇数选择器：$('A:odd') 奇数，从0开始计数
（15）等于索引选择器：$('A:eq(index)') 等于指定索引元素
（16）大于索引选择器：$('A:gt(index)') 大于指定索引元素
（17）小于索引选择器：$('A:lt(index)') 小于指定索引元素
表单选择器：
（18）可用元素选择器：$('A:enabled')
（19）不可用元素选择器：$('A:disabled')
（20）单选/复选框被选中的元素：$('A:checked')
（21）下拉框被选中的元素：$('A options:selected')
筛选选择器：
（22）查找父级选择器：parent()
（23）查找子级选择器：children(selector) （最近一级）
（24）后代选择器：find(selector)
（25）查找兄弟节点选择器：siblings(selector) （不包括自身）
（26）查找当前元素之后所有的同辈元素：nextAll()
（26）查找当前元素之前所有的同辈元素：prevAll()
（27）检查当前元素是否含有某个特定的类，如果有，返回true：hasClass(className)
7、操作文本
常用方法：
（1）html() 获取元素的内容（包括html标签）
（2）html(value) 设置标签的文本内容，解析标签
（3）text([value]) 获取或设置元素的文本内容
（4）val([value]) 获取或设置表单字段的值
8、操作对象
常用方法：
（1）$('元素')：创建指定元素
（2）append(element)：添加成最后一个子元素，由添加者对象调用
（3）appendTo(element)：添加成最后一个子元素，由被添加者对象调用
（4）prepend(element)：添加成第一个子元素，由添加者对象调用
（5）prependTo(element)：添加成第一个子元素，由被添加者对象调用
（6）before(element)：添加到当前元素的前面，两者之间是兄弟关系，由添加者对象调用
（7）after(element)：添加到当前元素的后面，两者之间是兄弟关系，由添加者对象调用
（8）remove()：删除指定元素（自己移除自己）
（9）empty()：清空指定元素的所有子元素
9、操作样式
常用方法：
（1）css(name)：根据样式名称获取css样式
（2）css(name, value)：设置css样式
（3）addClass(value)：给指定的对象添加样式类名
（4）removeClass(value)：给指定的对象删除样式类名
（5）toggleClass(value)：如果没有样式类名，则添加，如果有，则删除
10、操作属性
常用方法：
（1）attr(name, [value])：获取/设置属性的值
（2）prop(name, [value])：获取/设置属性的值（checked、selected） 例：$("select").prop("selected",true);
11、遍历
（1）parent()：返回被选元素的直接父元素
（2）parents()：返回被选元素的所有祖先元素，一直到文档的根元素（html）
（3）parentsUntil()：返回介于两个给定元素之间的所有祖先元素，例如：$("span").parentsUntil("div");返回介于span和div之间的所有祖先元素
（4）children()：返回被选元素的所有直接子元素
（5）find()：返回被选元素的后代元素，一直到最后一个后代
（6）siblings()：返回被选元素的所有同胞元素
（7）next()：返回被选元素的下一个同胞元素
（8）nextAll()：返回被选元素的所有跟随的同胞元素
（9）nextUntil()：返回介于两个给定元素之间的所有的同胞元素，例如： $("h2").nextUntil("h6");返回介于h2跟h6之间的所有的同胞元素
（10）filter()：允许规定一个标准，返回匹配的元素，过滤掉不匹配的元素
12、noConflict()方法：会释放对$操作符的控制
释放之后，可以使用jQuery来使用jquery，
也可以创建自己的简写，noConflict()可返回对jquery的引用，可以把它存入变量，以供稍后使用
var jq = $.noConflict();
