jQuery对象和Dom对象

最新推荐文章于 2023-07-15 20:08:50 发布

黄大仙No.1

最新推荐文章于 2023-07-15 20:08:50 发布

阅读量105

点赞数

分类专栏： jQuery 文章标签： js jquery javascript

本文链接：https://blog.csdn.net/qq_44378358/article/details/108224586

版权

jQuery 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

两者类型不一样, 拥有的方法也不一样

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Title</title>
		<script src="js/jquery-3.5.1.min.js"></script>
	</head>
	<body>
		<div></div>
		<script>
            // 原生方式获取的对象就是dom对象
            var myDiv = document.querySelector('div');

            //jquery获取的就是jquery对象
            var myDiv2 = $('div');   //是一个jquery对象
            console.log(myDiv2)     //伪数组

            // 两种方式的方法不一样, 不能混用
            myDiv.style.display = 'none';
            myDiv2.hide();
		</script>
	</body>
</html>

两种对象之间可以转换

DOM转jquery

$(DOM对象)

案例:

		<video src=""></video>
		<script>
			// $('video');	
			$(document.querySelector('video'));
		</script>

jquery转DOM

jquery对象[index]
jquery对象.get(index)

案例:

		<video src="media/test.mp4" muted></video>
		<script>
			// jquery没有play()方法
			var video = $('video');
            var video2 = $(document.querySelector('video'));
			// 转换为DOM
            video[0].play();
		</script>

黄大仙No.1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery对象和Dom对象

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-3.5.1.min.js"></script> </head> <body> <div></div> <script&gt
复制链接

扫一扫

专栏目录