dom对象和jquery对象之间的关系。

dom对象和jquery对象之间的关系。

1.什么是dom对象;

document.getElementById();

document.getElementByName();

document.getElementByTagName();

以上方法获取到的都是dom对象

2.什么是jQuery对象

使用我们之前学习的选择得到的都是一个jquery对象

3.关系

dom 对象只能使用dom相关属性和方法

jQuery对象只能使用jQuery中定义好的属性和方法

以下的引用方法是错误的。

$('img').onclick

$('img').src

document.getElementById('div1').html();

document.getElementById('div1').attr();

jQuery对象其实就是一个数组

数组下的每个元素都是选择器匹配到的dom元素

所以说，元素本身是一个dom对象

jQuery对象实际是由若干个dom对象组成的

document.getElementById(div1)等价于$('#div1')

只不过一个是dom对象 一个是jquary 对象

4.问题

两种对象之间能不能互相调用彼此的属性和方法

举例：

我们得到一个dom对象，但我觉得jquery下的方法比较好用

我们得到一个jquary对象，但对jquery下的某些方法不熟悉，像调用dom方法

5.解决

jQuery对象转换为dom对象

jQuery[0]

jQuery.get(0)

比如说有一个div标签

var $div = $('div');

$div[2].innerHTML='测试';//$div就是dom对象了

$div[2].style.color='red';

dom对象转换成jquery对象

$(dom)