今天讲的还是js，简单讲解了jquery。下周就开javaEE了。
常用事件类型：
1.click：单击事件。鼠标，或键盘都可以触发。
2.dblclick：双击事件。
3.contextmenu：右键事件。
4.键盘相关事件：document，及表单元素上。
keyup：键弹起，释放。只会触发一次。
keydown：键按下。如果键在按下状态，则持续触发。
keypressed：按下并释放。
5.鼠标相关事件：用在任意dom元素上。
mousedown:只会触发一次。
mouseup:只会触发一次。
mouseenter:只会触发一次。
mouseleave:只会触发一次。
mousemove:持续触发。
6.window.onload事件，只能用在window对象上。
表示window已加载，页面已加载完毕。
=======================================
事件冒泡与事件委托。
========================================
BOM：浏览器对象模型Browser Object Model。DOM：文档对象模型。
window：一个窗口一个window对象。
location:地址栏对象
history：访问历史对象 back()回退到上一页，forward()前进到下一页。
go(n)：n可为正，表示前进几页，为负表示后退几页。
localStorage：本地存储对象 setItem getItem removeItem。永久存储。
sessionStorage：会话存储对象。仅在一个会话内有效。
========================================
ecmascript + DOM + Bom
语法：
1。常量变量。let const var
2.数据类型：number string boolean null undefined
3.运算符：/不是整除，=== !== typeof instanceof
4.流程控制。
5.数组。let a = []; let a = new Array(); push pop unshift shift
6.函数：function xxx() {} let a = function() {};
函数参数默认值。
7.对象。let a = {}; 对象即键值对的集合。数组，函数都是对象。
构造函数，new+构造函数，可以创建对象。
DOM：一套用于操作html元素的规范接口。
1。获取对象。querySelector/querySelectorAll
2。增加对象。document.createElement(), appendChild insertBefore
3。修改对象：
4。删除对象：remove() removeChild()
四向遍历：
1。parentElement
2。children：多个
3。previousElementSibling：兄元素。
4。nextElementSibling：弟元素。
事件处理：
1。行内 onclick属性
2。dom.oncick = function() {}
3。dom.addEventListener("click", function(){})
事件对象：e，封装了事件的相关数据。
事件移除：
dom.onclick = null;
dom.removeEventListener("click", 函数名称);
事件的冒泡和事件委托：
常用事件：
1。click
2。键盘相关
3。鼠标相关。
4。dblclick
5。window.onload
BOM对象：
1。Window
2。location
3.history
4.localStorage对象
5。sessionStorage对象
=============================================
jquery：别人写好的函数库。
1.起手式：不是必须的，通常写在head中，表示页面就绪之后的操作。
$(()=>{
//xxx。表示页面就绪之后要执行的操作
});
2。用法：$("选择器").xxx(xxx).xxx(xxx); jquery对象.xxx();
jquery对象是一个类数组。
3。链式操作。调用xxx操作之后，仍然返回对象本身。
常用的jquery选择器：
1。:first：表示选中第一个元素。:last表示选中最后一个元素。
2。:eq(n)：表示选中第几个元素。从0开始。
3。:gt(n)：表示选中大于第几个元素。:lt(n)：表示选中小于第几个元素。
4。:even，:odd。奇数，偶数。
5。:not(selector)：表示选中selector之外的。
6。:contains(xxx)：选取包含指令文本的元素。
7。:empty：选中所有空元素。:parent 选中有子元素，或者有文本的元素。
8。:has(xxx)：选中包含指定选择器xxx的子元素的元素。
9。:hidden：选取所有隐藏元素。display:none，<input type="hidden" >，visibility：hidden
:visible，选取所有可见元素。
10。[key]：选取有key属性的元素。
11。[key=value]：选取有key属性且值等于value。
12。[key!=value]：选取没有key属性，或者有key属性，但值不等于value的。
13。[key^=value]：选取有key属性，且值以value开头的。
14。[key$=value]：选取有key属性，且值以value结尾的。
15。[key*=value]：选取有key属性，且值包含value的。
16。:input：选中所有类型表单元素。input textarea button
17。:text：选中单行文本框。<input type=text >
18。:submit：选中提交按钮。<input type=submit> button type=submit>
二次筛选：在使用选择器选中元素的基础上，再次进行筛选。
1。eq(x)：第几个
2。first()：第一个
3。last():最后一个。
4。filter(xxx)：选取符合xxx的元素。
5。has(xxx)：选取拥有指定后代的元素。
6。not(xxx)：去除符合xxx选择器的元素。
7。slice(start,end)：截取指定范围的元素。
文档操作（增删改查，四向遍历）：
1.text(xxx)：给元素赋值，有参数为赋值，无参数为获取。
2.css("样式名"，"样式值"); 设置行内样式。
3.html(xxx)：更改html文本。