jQuery 对象和DOM对象互相转换

DOM对象与jQuery对象之间是可以相互转换的。

因为原生js比jQuery更大,原生的一些属性和方法jQuery没有给我们封装.要想使用这些属性和方法需要把jQuery对象转换为DOM对象才能使用。

1.DOM对象转换为jQuery对象︰$(DOM对象)

2.jQuery对象转换为DOM对象(两种方式)

 

 

 

 代码示例:

复制代码
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery.mini.js"></script>
</head>

<body>
    <video src="/video/vodeo1.mp4" muted></video>
</body>
<script>
    // 1.DOM转为jQuery对象
    //(1)我们直接获取视频,得到就是jQuery对象
    // $('video')
    //(2)我们已经使用原生js获取过来DOM对象
    var myvideo = document.querySelector('video')
    // $(myvideo).play() //jquery里面没有play这个方法
    // myvideo.play()
    $('video')[0].play()
    $('video').get(0).play()
</script>

</html>
复制代码

 

posted @   今天穿秋裤了吗  阅读(250)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示