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.跨浏览器