DOM
查找:
直接查找
间接查找
—getElementById
—getElementsByTag
绑定事件
文档对象模型&＃xff08;Document Object Model&＃xff0c;DOM&＃xff09;是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法&＃xff0c;可以改变文档的内容和呈现方式。我们最为关心的是&＃xff0c;DOM把网页和脚本以及其他的编程语言联系了起来。DOM属于浏览器&＃xff0c;而不是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 | 既包含元素&＃xff0c;又包含文本内容&＃xff08;换行等&＃xff09; parentNode // 父节点childNodes // 所有子节点firstChild // 第一个子节点lastChild // 最后一个子节点nextSibling // 下一个兄弟节点previousSibling // 上一个兄弟节点只包含所有的标签 parentElement // 父节点标签元素children // 所有子标签firstElementChild // 第一个子标签元素lastElementChild // 最后一个子标签元素nextElementtSibling // 下一个兄弟标签元素previousElementSibling // 上一个兄弟标签元素 |
jQuery
模块, 封装Dom和Javascript
1.12..—>兼容IE
2.x —>IE9以上
查找:
选择器
&＃xff03;id
标签
类
组合
层级
属性&＃xff08;important&＃xff09;
筛选器
操作&＃xff1a;
css
属性
文本操作
事件&＃xff1a;
&＃xff0d;优化
扩展&＃xff1a;
$.login
Form表单验证
Ajax:
京公网安备 11010802041100号