jQuery 对象和 DOM 对象的相互转换

1、定义

jQuery 定义如下：

var $variable = jQuery对象;

DOM 对象定义如下：

var variable = DOM 对象;

2、jQuery 对象转换为 DOM 对象

jQuery 对象不能使用 DOM 对象的方法。

jQuery 有两种方法将一个 jQuery 对象转换为 DOM 对象，即 [index] 和 get(index)

（1）[index]

var $variable = $("#con"); // jQuery 对象
var dom = $variable[0]; // 转换为 DOM 对象

（2）get(index)

var $variable = $("#con"); // jQuery 对象
var dom = $variable.get(0); // 转换为 DOM 对象

3、DOM 对象转换为 jQuery 对象

DOM 对象中也不能使用 jQuery 对象的方法。

var dom = document.getElementById('con'); // DOM 对象
var $variable = $(dom); // 转换为 jQuery 对象