jQuery对象和DOM对象转换_jquery对象 dom对象转换-CSDN博客

本文链接：https://blog.csdn.net/vfjcgg/article/details/105279866

DOM对象与jQuery对象之间是可以相互转换的
因为原生JS比jQuery更大，原生的一些属性和方法jQuery没有给我们封装，要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。
1.DOM对象转换为jQuery对象：$(DOM对象)
2.jQuery对象转换为DOM对象（两种方式）
$(‘div’)[index] index是索引导
$(‘div’).get(index) index是索引导

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery-mini.js"></script>
</head>

<body>
 
    <video src="mov.mp4" muted></video>
    <script>
        // 1.DOM对象转换为jquery对象
        // (1)我们直接获取视频，得到就是jquery
        $('video');
        // (2)我们已经使用原生JS获取过来DOM对象
        var myvideo = document.querySelector('video');
        // $(myvideo);
        // 2.jQuery对象转换为DOM对象
        // myvideo.play();
        $('video')[0].play();
        $('div').get(0).play();
    </script>
</body>

</html>