jq基础10——dom转换

最新推荐文章于 2022-05-16 21:58:57 发布

taojYang

最新推荐文章于 2022-05-16 21:58:57 发布

阅读量91

点赞数

分类专栏： jquery 文章标签： jquery转dom dom转jquery

本文链接：https://blog.csdn.net/weixin_43293451/article/details/91808139

版权

jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>jquery</title>
</head>
<body>
	<script src="jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#b1").click(function(){
				var div = $("#d");
				var d = div.get(0);//div[0]，jquery——>dom
				var s = "jquery对象是："+div;
				s += "\n对应的dom对象是："+d;
				alert(s);
			});
			$("#b2").click(function(){
				var div = document.getElementById("d");
				var d = $(div);//dom——>jquery
				var s = "dom对象是："+div;
				s += "\njquery对象是："+d;
				alert(s);
			});
		});
	</script>
	<button id="b1">jquery对象转换为dom对象</button><br><br>
	<div id="d">hello</div><br><br>
	<button id="b2">dom对象转换为jquery对象</button>
</body>
</html>