第 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 的操作。那么，最常用的操作就是对元素内容的获取和修改。
