第 5 章 基础 DOM 和 CSS 操作
学习要点:
1.DOM 简介
2.设置元素及内容
3.元素属性操作
4.元素样式操作
5.CSS 方法
主讲教师:李炎恢
官方网站:
http://www.ycku.com
合作网站:
http://www.ibeifeng.com
DOM 在 JavaScript 课程中我们详细的探讨过,它是一种文档对象模型。方便开发者对
HTML 结构元素内容进行展示和修改。在 JavaScript 中,DOM 不但内容庞大繁杂,而且我
们开发的过程中需要考虑更多的兼容性、扩展性。在 jQuery 中,已经将最常用的 DOM 操
作方法进行了有效封装,并且不需要考虑浏览器的兼容性。
一.DOM 简介
由于课程是基于 JavaScript 基础上完成的,这里我们不去详细的了解 DOM 到底是什么。
只需要知道几个基本概念:
1.D 表示的是页面文档 Document、O 表示对象,即一组含有独立特性的数据集合、M
表示模型,即页面上的元素节点和文本节点。
2.DOM 有三种形式,标准 DOM、HTML DOM、CSS DOM,大部分都进行了一系列的
封装,在 jQuery 中并不需要深刻理解它。
3.树形结构用来表示 DOM,就非常的贴切,大部分操作都是元素节点操作,还有少部
分是文本节点操作。
二.设置元素及内容
我们通过前面所学习的各种选择器、过滤器来得到我们想要操作的元素。这个时候,我
们就可以对这些元素进行 DOM 的操作。那么,最常用的操作就是对元素内容的获取和修改。