知识讲解:
DOM(Document Object Model)文本对象模型,每一个页面都是一个DOM对象,传统的JavaScript代码访问id号为test的元素,代码如下列所示:
vartDiv=document.getElementById("test")
如果采用jQuery方法去访问DOM对象,则十分简单,而且生成了一个jQuery对象,如下列代码所示:
var tDiv=$("#test")
例如,在一个页面中,先保存jQuery对象,并获取对象的显示内容,同时,把获取的内容输出在页面中,如下图所示:
在浏览器中显示的效果:
从图中可以看出,因为采用了jQeury方式获取元素,因此变量oTest就是一个jQeruy对象,通过调用该对象的html()方法就可以取元素中的内容。