jQuery对象和DOM对象的转换

jQuery对象：通过jQuery包装DOM对象后产生的对象。
注意：jQuery对象无法使用DOM对象的任何方法，同理，DOM对象也无法使用jQuery对象的任何方法。

所以涉及到转换：
其中DOM对象也包含了一些jQuery对象没有包含的成员，但总体来说，jQuery对象要丰富得多。

如果获取的对象是jQuery对象，在变量前加上$

var $variable=jQuery 对象;

获取的是DOM对象

var variable=DOM 对象;

jQuery对象转换成DOM对象

jQuery提供了两种方法将一个jQuery对象转换成一个DOM对象，即[index]和get(index)

(1)jQuery对象是一个类似数组的对象，可以通过[index]的方法得到相应的DOM对象

var $txtName=$("#txtName");   //jQuery对象
var txtName=$txtName[0];   //DOM对象
alert(txtName.checked);//checked和innerHTML都是DOM对象的方法

（2）通过get(index)方法得到相应的DOM对象

var $txtName=$("#txtName");   //jQuery对象
var txtName=$txtName.get(0);     //DOM对象
alert(txtName.checked);

jQuery对象转成DOM对象并不多见（在实际开发中），但是有些情况：如outerHTML属性，通过该属性可以输出相应的DOM元素的完整的HTML代码，而jQuery没有直接提供该功能。

DOM对象转换成jQuery对象
对于一个DOM对象，只需要$()函数将DOM对象包装起来，就可以获得一个jQuery对象。

$(DOM对象);

var txtName=document.getElementById("txtName");  //DOM对象
var $txtName=$(txtName);    //jQuery对象

注意：DOM对象只能使用DOM中的方法，jQuery对象不可以直接使用DOM对象中的方法