DOM
查找:
直接查找
间接查找
—getElementById
—getElementsByTag
绑定事件
文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容。
一、查找元素
1、直接查找
|
1
2
3
4
|
document.getElementById 根据ID获取一个标签
document.getElementsByName 根据name属性获取标签集合document.getElementsByClassName 根据class属性获取标签集合
document.getElementsByTagName 根据标签名获取标签集合 |
2、间接查找
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
既包含元素，又包含文本内容（换行等）
parentNode // 父节点
childNodes // 所有子节点
firstChild // 第一个子节点
lastChild // 最后一个子节点
nextSibling // 下一个兄弟节点
previousSibling // 上一个兄弟节点
只包含所有的标签
parentElement // 父节点标签元素
children // 所有子标签
firstElementChild // 第一个子标签元素
lastElementChild // 最后一个子标签元素
nextElementtSibling // 下一个兄弟标签元素
previousElementSibling // 上一个兄弟标签元素
|
jQuery
模块, 封装Dom和javascript
1.12..—>兼容IE
2.x —>IE9以上
查找:
选择器
＃id
标签
类
组合
层级
属性（important）
筛选器
操作：
css
属性
文本操作
事件：
－优化
扩展：
$.login
Form表单验证
Ajax: