DOM对象和JQuery对象的转换

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

jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html();

​ 比如：

​ $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法

​ 这段代码等同于用DOM实现代码：

​ document.getElementById(" test ").innerHTML;

虽然jQuery对象是包装DOM对象后产生的，但是jQuery无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery里的方法.乱使用会报错

约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $.

var $variable = jQuery 对象

var variable = DOM 对象

1.DOM对象转成jQuery对象

对于已经是一个DOM对象，只需要用$()把DOM对象包装起来，就可以获得一个jQuery对象了。$(DOM对象)

转换后就可以使用 jQuery 中的方法了

2.jQuery对象转成DOM对象

两种转换方式将一个jQuery对象转换成DOM对象：[index]和.get(index);

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

(2) jQuery本身提供，通过.get(index)方法，得到相应的DOM对象