2.jQuery对象和DOM对象

最新推荐文章于 2022-03-03 16:30:59 发布

肝JOJO

最新推荐文章于 2022-03-03 16:30:59 发布

阅读量91

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/qq_34620296/article/details/103533851

版权

jQuery 专栏收录该内容

13 篇文章 1 订阅

订阅专栏

1.jQuery对象和DOM对象
    jQuery对象:用jQuery方式获取过来的对象,只能使用jQuery方法  本质:通过$把DOM元素进行了包装后产生的对象(伪数组存储)
        $('div');  是一个jQuery对象
    DOM对象:用原生JS获取的对象,只能使用原生JS方法
        var div = document.querySelector('div'); 是DOM对象
2.jQuery对象和DOM对象的相互转换
     因为原生JS比jQuery更大,原生的一些属性和方法jQuery没有给我们封装,想要用这些属性和方法就需要把jQuery对象转换为DOM对象才能使用
     ①.DOM对象转换为jQuery对象:$(DOM对象)
     ②.jQuery对象转换为DOM对象
        $('div')[index]  index是索引号
        $('div').get(index)

代码示例

 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <title>Document</title>
     <script src="jQuery.js"></script>
 </head>
 <body>
    <video src="video/Overwatch 2018.09.12 - 21.13.41.01.mp4" muted></video>
    <script>
        /*
        1.DOM对象转换为jQuery对象 
            $('video'); //直接获取视频,得到的就是jQuery对象
            
            var myvideo = document.querySelector('video');
            $(myvideo);  //转换已经使用原生JS获取的DOM对象
        */
        // 2.jQuery对象转换为DOM对象
        $('video')[0].play(); //或者
        $('video').get(0).play();
    </script>
 </body>
 </html>

肝JOJO

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.jQuery对象和DOM对象

1.jQuery对象和DOM对象 jQuery对象:用jQuery方式获取过来的对象,只能使用jQuery方法本质:通过$把DOM元素进行了包装后产生的对象(伪数组存储) $('div'); 是一个jQuery对象 DOM对象:用原生JS获取的对象,只能使用原生JS方法 var div = document.querySelector('div...
复制链接

扫一扫