简介DOM对象和jQuery对象
来源:互联网 发布:chiphell孙总淘宝店 编辑:程序博客网 时间:2024/05/21 08:42
第一次学习jQuery,经常会搞不清楚哪些是jQuery对象、哪些是DOM对象,所以需要重点了解它们以及它们之间的关系。 1. DOM对象 DOM(Document Object Model,文档对象模型),每一份DOM都可以表示成一棵树。下面我们构建一个非常基本的网页,网页代码如下 初始化效果图如图1-13所示。
(点击查看大图)图1-14 把网页元素表示为文档树在这棵DOM树中,<h3> 、<p>、<ul> 以及<ul>的3个<li>子节点都是DOM元素节点。可以通过JavaScript中的getElementsByTagName或者getElementById来获取它们。像这样得到的DOM元素就是DOM对象。DOM对象可以使用JavaScript中的方法,示例如下:
2. jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象。 jQuery对象是jQuery独有的。如果一个对象是jQuery对象,那么它就可以使用jQuery里的方法。 例如: 这段代码等同于: 在jQuery对象中无法使用DOM对象的任何方法。比如$("#id").innerHTML和$("#id").checked之类的写法都是错误的,可以用$("#id").html()和$("#id").attr("checked")之类的jQuery方法来替代。同样,DOM对象也不能使用jQuery的里方法,例如document.getElementById("id").html()也会报错,只能用document.getElementById("id").innerHTML语句。 特别注意:用#id作为选择符取得的是jQuery对象而并非document.getElementById("id")所得到的DOM对象,两者并不等价。关于"#"选择符的运用,我们将在下一章进行讲解。从学习jQuery一开始就应当树立正确的观念,认识jQuery对象和DOM对象之间的区别,一旦能够跨越这道坎,之后学习jQuery的路子就轻松多了。
- 简介DOM对象和jQuery对象
- jQuery对象和DOM对象
- jQuery对象和DOM对象
- dom对象和jQuery对象
- jquery对象和DOM对象
- jquery对象和dom对象
- DOM对象和jquery对象
- DOM对象和jQuery对象
- Jquery对象和DOM对象
- jquery对象和dom对象
- dom对象和jquery对象
- jQuery对象和DOM对象
- Jquery对象和DOM对象
- DOM对象和jQuery对象
- jquery对象和dom对象
- jquery 对象和dom对象
- jQuery对象和DOM对象
- jQuery对象和DOM对象
- New concept English 2 -- Note of lesson 7
- 培养创造性的20个习惯
- 走近 STL
- 简评游戏人工智能相关的中文书(补遗)
- 游戏对战平台编写流程
- 简介DOM对象和jQuery对象
- Linux Shell学习笔记六
- 预览ExtJS 4.0的新功能(五):焕然一新的Store/Proxy
- 最近啊很烦的说
- 李开复:算法的力量
- java十进制到二进制,十六进制的转化
- 标准模板库介绍
- 深入 GalCon:Python、游戏开发和人工智能
- 通过项目依赖设置LIB引用关系