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>
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/245228.html