DOM对象和jQuery对象之间的转换_如何将dom转换为jquery对象-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_43388254/article/details/106912386

<!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-3.5.1.js"></script>
</head>
<body>
    <video src="../../../../../../视频/53e8613601288c718570d46042aa9f6022585fae8050f37b25f93c56dd7022bd06aced31b4d7aae233f7b5f322490fcc.mov" muted></video>
    <script>
        // 1. DOM对象转换为jQuery对象
        //（1）我们直接获取视频，得到的就是jQuery对象
        $('video');
        //（2）我们已经使用原声js获取过来的DOM对象
        var myvideo = document.querySelector('video');
        
        //$(myvideo)play(); //jQuery里面没有play()方法
        
        // 2. jQuery对象转换为DOM对象
        // myvideo.play(); 
        $('video')[0].play();
        $('video').get(0).play();
        //这里就是jQuery对象转换为DOM对象后，使用原生js里面的play()方法
        
        //平时在使用过程中可以在变量前面加$以区分DOM对象和jQuery对象，添加$的为jQuery对象，没有的则为DOM对象
    </script>
</body>
</html>