JavaScript对象和JQuery对象的转换

最新推荐文章于 2023-06-15 00:39:03 发布

艾诺_Aynor

最新推荐文章于 2023-06-15 00:39:03 发布

阅读量116

点赞数

分类专栏： Web 文章标签： JS JQ JavaScript JQuery WEB

本文链接：https://blog.csdn.net/qq_40922845/article/details/102607949

版权

Web 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DOM与JQ对象之间的转换</title>
		<script src="../js/jquery-3.4.1.js"></script>
		<script type="text/javascript">
			function write1(){
				//JS的DOM操作
				// document.getElementById("span1").innerHTML="萌萌哒！";
				//DOM对象无法操作JS中的属性和方法!!!
				// document.getElementById("span1").html="萌萌哒！";
				var spanEle = document.getElementById("span1")
				// 将DOM对象转化成JQ对象
				$(spanEle).html("萌萌哒！"); 
			}
			$(function(){
				$("#btnJQ").click(function(){
					// $("#span1").html("帅帅哒！");
					//JQ无法操作JS中的属性和方法!!!
					// $("#span1").innerHTML="帅帅哒"
					//JQ对象向DOM对象转换方式一
					$("#span1").get(0).innerHTML="帅帅哒！";
					//JQ对象向DOM对象转换方式二
					$("#span1")[0].innerHTML="帅帅哒！";
				});
			});
		</script>
	</head>
	<body>
		<input type="button" name="" id="btn" value="JS写入" onclick="write1()"/>
		<input type="button" name="" id="btnJQ" value="JQ写入" /><br>
		汪汪：<span id="span1">
			你好帅！
		</span>
	</body>
</html>

艾诺_Aynor

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript对象和JQuery对象的转换

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>DOM与JQ对象之间的转换</title> <script src="../js/jquery-3.4.1.js"></script> <script type...
复制链接

扫一扫

专栏目录