面试题之——jQuery对象和DOM对象之间的区别和转换

jQuery对象与DOM对象

DOM对象又叫文档对象模型，也可称它为DOM树。
用document来获取，比如：document.getElementById("abc");
jQuery对象是对JavaScript的封装，也就是说它是JavaScript中DOM对象的封装，它获取元素只需要用一个符号“$”代替。比如： $("#abc");

它们对象的一些方法也不同：
比如说DOM对象获取一个标签的html内：document.getElementById（abc）.innerHTML;
jQuery的方法： $("#abc").html();

转化原因：
jQuery对象无法使用DOM对象的任何方法，DOM也不能使用jQuery对象中的方法。

两种对象之间相互转换：

1、DOM--------jQuery：
DOM对象直接用$就可以转换成jQuery对象。只需要将其DOM对象包裹在 $()里就可以。

$(document.getElementById("abc"));

2、jQuery--------DOM：
1）.用内置函数get

$("#abc").get(0);

2）.数组方式转换
因为jQuery对象的属性是一个集合，所以可以像数组一样取出一项。其返回的都是DOM对象，可以直接使用js里的方法。

$("#abc")[0];
$("div")[5];

$("#abc").html(); 
$("#abc")[0].innerHTML; 
$("#abc").eq(0)[0].innerHTML; 
$("#abc").get(0).innerHTML;
$("#abc").eq(2).html();
$("#abc").get(2).innerHTML;