1.DOM对象：原生js获取对象

var myDiv=document.querySelector('div')

2.此处myDiv就是Dom对象。

jQuery对象：用jQuery方式获取

$('div')

3.jQuery对象本质是：利用$对DOM对象包装后产生的对象（伪数组形式存储）。

4.jQuery对象只能用jQuery方法，DOM对象则使用原生的JavaScript属性和方法。两者不能互用

原生的JavaScript属性和方法:

myDiv.style.display='none';

jQuery:

$('div').style.display='none';错误写法，不能使用原生js属性和方法

js>jQuery,jQuery是对js一些属性和方法的封装，想要使用其他方法时，需将jQuery转化为js

 

 1 <video></video>
 2     <script>
 3         $('vedio');//获取视频，jQuery对象
 4         var myvedio = document.querySelector('vedio');//DOM对象
 5         //DOM转jQuery  
 6         $(myvedio);
 7         //jQuery没有播放视频play方法        myvedio.play();
 8         //对vedio增加属性muted    <video muted></video>解决谷歌等禁用自动播放功能
 9         //jQuery转DOM
10         //法一：        $('vedio')[0].play()
11         //法二：        $('vedio').get(0).play()
12     </script>

由于jQuery以伪数组存放，索引号[0]此处有一个视频，因此索引号为0