DOM对象与jquery对象的互相转换

一開始总是对DOM对象和jQuery对象搞不清楚。如今对此做一下总结：

DOM 对象：文档对象模型。每一份DOM都能够看作一棵树。像ul,li ol dl p h1 等等都是DOM元素节点。能够通过js的getElementsByTagName 和 getElementById 来获取这些元素节点。像这样得到的DOM元素就是DOM对象。

DOM对象能够使用javascript中的方法。如：

var domObj = document.getElementById("id");

var objHtml = domObj.innerHTML;

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

jquery对象能够使用jquery中的方法。

如：

$("#foo").html();

这段代码等同于document.getElementById("foo").innerHTML;

当然。jquery对象和DOM对象能够相互转换：

jquery提供了两种方法将jquery对象转换成DOM对象：即[index] 和 get(index)

var $cr = $("#cr"); //jquery对象

var cr = document.getElementById("cr"); //DOM对象

如今将它们进行相互转换：

将jquery对象转换成DOM对象：

var $cr = $("#cr");

var cr = $cr[0]; //将jquery对象转换成了DOM对象。

将DOM对象转换成jquery对象：

var cr = document.getElementById("cr"); //声明了DOM对象

var $cr = $(cr); //将DOM对象转换成了jquery对象

一般是在jquery没有封装想要的方法，不得不使用DOM对象的时候。就须要对jquery对象转换成DOM对象。