码迷,mamicode.com
首页 > Web开发 > 详细

jQuery对象和DOM对象的相关知识

时间:2015-08-07 00:07:05      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:

所谓的DOM就是Document Object Model(文档对象模型)的缩写,或许是我水平低的缘故,感觉就是HTML的标记元素嘛,所以作者画了下面的图:

技术分享

像这样的元素,就是所谓的DOM对象,获取值的JS写法:

var domValue=document.getElementById("元素的ID");//获取DOM对象

var objHtml=domValue..innerHTML;

技术分享

在浏览器输入后,获取的结果,如上。

jQuery对象就是通过jQuery包装DOM对象后,产生的对象。

所有的jQuery对象,都是可以使用jQuery里的方法的。

技术分享

这样jQuery就实现了上面的JS语句的功能了。

另外,jQuery对象不能使用DOM对象的任何方法,如:

技术分享

就是错误的使用方法。

 

因此,jQuery对象和DOM对象是需要相互转化的。

jQuery提供了两种方法将一个jQuery对象转化成DOM对象,即[index]和get(index).

1.jQuery对象是一种类似数组的对象,所以可以使用下标。

技术分享

2.jQuery本身提供了一个方法:

技术分享

结果和第一种方法一样。

不过,我们常用的是DOM对象转化为jQuery对象,方法也很简单,只要用$()把DOM对象包装一下就OK啦:

技术分享

平时开发时用到的jQuery对象都是$()函数造就的。

jQuery对象和DOM对象的相关知识

标签:

原文地址:http://www.cnblogs.com/ericli-ericli/p/4709425.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!