jQuery 物件和DOM物件互相轉換
阿新 • • 發佈:2022-04-17
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>