jQuery对象和DOM对象相互转换

jQuery对象和DOM对象相互转换

JQueryqingyu2020-10-23 21:52:181093A+A-

  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>


点击这里复制本文地址 欢迎来到大黄鸡源码分享网
qrcode

大黄鸡源码编程网 © All Rights Reserved.  
网站备案号:闽ICP备18012015号-4
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理