使用jQuery元素选择器修改div内容

最新推荐文章于 2023-09-25 15:20:54 发布

马超之勇不亚于吕布

最新推荐文章于 2023-09-25 15:20:54 发布

阅读量1.5k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/mqf15565844264/article/details/102767443

版权

html 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../jquery/jquery.js"></script>
	</head>
	<body>
		<div>
			<p>我是文字</p>
		</div>
		<div>
			<p>我是元素</p>
		</div>
		<input type="button" value="点击" />
		<script>
		$(function(){
		            $(":input").on("click",function(){
		               $("div p:only-child").replaceWith("<p>我是子元素</p>");
		            });
		    });
			</script>
	</body>
</html>

复制代码别忘了改jqurey