1. 程式人生 > 其它 >jQuery 物件和DOM物件互相轉換

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>