第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()方法就可以取元素中的内容。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   DOM(文档对象模型)是针对 HTML 和 XML 文档的一个 API(应用程序编程接口)。   DOM 描绘...
    霜天晓阅读 3,744评论 0 7
  •   DOM 1 级主要定义的是 HTML 和 XML 文档的底层结构。   DOM2 和 DOM3 级则在这个结构...
    霜天晓阅读 1,531评论 1 3
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,432评论 0 3
  •   尽管 DOM 作为 API 已经非常完善了,但为了实现更过的功能,仍然会有一些标准或专有的扩展。   2008...
    霜天晓阅读 467评论 0 0
  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,581评论 1 11