所谓的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对象都是$()函数造就的。