DOM对象和jQuery对象之间的转换

最新推荐文章于 2024-01-19 20:42:22 发布

柔软的一元梦想家

最新推荐文章于 2024-01-19 20:42:22 发布

阅读量117

点赞数

文章标签： jquery javascript css

本文链接：https://blog.csdn.net/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>

柔软的一元梦想家

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM对象和jQuery对象之间的转换

<!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">&
复制链接

扫一扫