第3节: DOM对象的访问

知识讲解：

DOM（Document Object Model）文本对象模型，每一个页面都是一个DOM对象，传统的JavaScript代码访问id号为test的元素，代码如下列所示：

vartDiv=document.getElementById("test")

如果采用jQuery方法去访问DOM对象，则十分简单，而且生成了一个jQuery对象，如下列代码所示：

var tDiv=$("#test")

例如，在一个页面中，先保存jQuery对象，并获取对象的显示内容，同时，把获取的内容输出在页面中，如下图所示：

在浏览器中显示的效果：

从图中可以看出，因为采用了jQeury方式获取元素，因此变量oTest就是一个jQeruy对象，通过调用该对象的html()方法就可以取元素中的内容。