jQuery对象和DOM对象如何相互转换

发布时间:2022-02-22 11:13:10 作者:小新
来源:亿速云 阅读:132

小编给大家分享一下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对象如何相互转换”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. JQuery对象与DOM对象
  2. JQuery对象和DOM对象的区别

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

jquery

上一篇:JQuery中入口函数的示例分析

下一篇:html5中的download如何使用

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》