有关 jQuery对象 和 DOM对象。我们知道在原生JS里 document.getElementsByName("div"); 这样获取的是一个存粹的 DOM 对象。而 jQuery对象。例如 $("div"); 使用起来却与原生 JS 截然不同,由于原生 JS 比 jQuery更庞大,原生的一些属性和方法 jQuery 没有给我们封装,所以要 DOM 的一些属性和方法就需要把 jQuery 对象转为 DOM 对象才能使用。相反,也是同样的道理。

DOM 对象转 jQuery 对象

<div>巴拉巴拉巴拉</div>
<script type="text/javascript">
    var mDiv = document.getElementsByTagName("div");
    //DOM 对象转成jQuery对象
    var newDiv = $(mDiv); 
    console.log(newDiv);
</script>

jQuery对象 转 DOM 对象

<div>巴拉巴拉巴拉</div>
<script type="text/javascript">
    var mdiv = $("div");
    //jQuery对象 转 DOM 对象
    var newDiv = mdiv[0];
    console.log(newDiv);
</script>