jQuery对象与原生JS dom对象间的转换

为什么要转换原生对象?

js它是动态的弱类型的语言，是JavaScript的缩写.
而jquery是对js的封装、扩展，jquery是使用js封装的框架，就是让jquery更方便简洁。

举个例子吧，js就好比是生的面粉，而jquery是方便面，泡一下就可以吃了，比较的方便。

即：jquery是使用最少的代码来完成更多的功能。

1. 原生查询id，返回JS原生对象，耗时0.001秒

2. jQuery查询id，返jQuery对象，耗时0.1秒

3. 原生查询id，返回JS原生对象，耗时1秒，转换jQuery对象，耗时0.05秒

jQuery对象与原生JS dom对象间的转换

DOM 对象转换为jQuery对象，$(DOM对象) ：

var jqueryTest=$(document.getElementById("test"))
var text = document.getElementById("test");
var jqueryTest = $(text);

JQuery对象转换为DOM 对象，Jquery对象[0]或者Jquery对象.get(0)。

//将jquery的js转换为原生的js，是加上get(0)
var jqueryTest=$("#test").val();
var testJs=$("#test").get(0).value;
var testJs=$("#test")[0].value;
alert(jqueryTest===testJs);

var v=document.getElementById("v"); //DOM对象 
var $v=$(v); //jQuery对象 
var v1 = $v[0];//DOM对象 

转换原理

https://www.jianshu.com/p/d38fb7f3c1dc