DOM对象和jQuery对象

tjuking

一：定义

DOM对象指的是通过传统的javaScript方法获取的元素对象，如下代码：
var DomObj1 = document.getElementById("id1");var DomObj2 = document.getElementsByName("name2"); //IE下不支持var DomObj3 = document.getElementsByTagName("div"); jQuery对象指的是通过jQuery语法包装原始的DOM对象后生成的新对象，如下代码：
var $JQObj1 = $("#id1");var $JQObj2 = $("[name='name2']");var $JQObj3 = $("div"); 
二：注意点 

值得注意的是DOM对象不能调用jQuery对象的方法，如以下代码即为出错：
var DomObj = document.getElementsByTagName("input");var ObjValue = DomObj.val(); 同时，jQuery对象也不能调用DOM对象的方法，如以下代码即为出错：
var $JQObj = $("input");var ObjValue = $JQObj.value; 
三：相互转换

DOM对象转换成jQuery对象，只需要通过jQuery提供的$()进行包装即可；
jQuery对象转换成DOM对象，可以选择调用jQuery提供的[index]或者get(index)方法即可；
//DOM对象转换成jQuery对象var DomObj = document.getElementsByTagName("input");var $JQObj = $(DomObj);//jQuery对象转换成DOM对象var $JQObj = $("input");var DomObj = $JQObj [0];//或者使用$JQObj.get(0)