js的事件、DOM

js事件

事件：代表事件的状态

事件源：当前操作的那个元素

事件处理函数：监听到事件源产生的事件后会进行的操作

常见事件

事件名称	描述
onclick	鼠标点击事件
ondbclick	鼠标双击事件
onmouseover	鼠标悬浮事件
onmouseout	鼠标移出事件
onblur	失去焦点事件
onfocus	获取焦点事件
onsubmit	提交事件

绑定事件的方式

第一种绑定方式：行内绑定

第二种绑定方式：元素.事件

第三种绑定方式：元素.addEventListener

三种方式的优缺点：

第一种无法获取事件源本身，但是浏览器兼容性较好

第二种不支持多事件，但浏览器兼容性较好

第三种可支持多事件

DOM编程

DOM：文档对象模型（Document Object Model)

DOM节点分类

1.整个的文档为文档节点

2.html的所有的标签为元素节点

3.所有的属性为属性节点

4.所有的文本内容为文本节点

5.所有的注释为注释节点

使用DOM的方法为了

1.更新：更新节点，比如修改样式

2.获取节点，遍历节点

3.删除：删除节点

4.添加：添加节点

获取DOM节点

1.通过标签获取节点

2.通过id获取节点

3.通过class获取节点

4.通过父标签获取节点

5.通过同胞标签获取节点

更新DOM节点

1.更新文本

2.更新属性

3.更新样式属性

删除DOM节点

1.通过父节点删除子节点

2.删除节点本身

添加DOM节点

1.添加节点

jquery

jquery是一个快速、简洁的js框架，并且开源免费

jq的特点

1.轻量级

2.简化DOM操作

3.跨浏览器