其他分享
首页 > 其他分享> > jQuery对象和DOM对象

jQuery对象和DOM对象

作者:互联网

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

标签:jQuery,play,vedio,DOM,对象,js
来源: https://www.cnblogs.com/1670420748s/p/15192857.html