小编给大家分享一下jQuery对象和DOM对象如何相互转换,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
jQuery对象和DOM对象转换
DOM对象与JQuery对象之间是可以相互转换的。
因为原生JS比JQuery更大。原生的一些属性和方法JQuery没有给我们封装。要想使用这些属性和方法需要把JQuery对象转换成DOM对象,我们才能使用。
具体转换:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<video src="my.mp4"></video>
<script type="text/javascript">
//1.DOM对象转换Jquery对象
//(1)直接获取视频就是得到Jquery对象
$("video");
//(2)我们已经使用js获取DOM对象
var myVideo = document.querySelector('video');
$(myVideo);
//2.jQuery对象转DOM对象(以下两种都行)
$("video")[0].play();
$("video").get(0).play();
</script>
</body>
</html>
看完了这篇文章,相信你对“jQuery对象和DOM对象如何相互转换”有了一定的了解,如果想了解更多相关知识,欢迎关注天达云行业资讯频道,感谢各位的阅读!