点击弹出一个div弹框示例，js

最新推荐文章于 2023-03-30 11:52:49 发布

枚举员工

最新推荐文章于 2023-03-30 11:52:49 发布

阅读量1.4k

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/qq_36947213/article/details/84976362

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div2{width: 200px;height: 200px;background: yellow;display: none;}
		</style>
		<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
		<script>
			$(document).ready(function(){
				$("#btn1").click(function(){
					//显示-方式1
					//$("#div2").css("display","block");
					//方式2
					//$("#div2").show(1000);
					//隐藏
					//$("#div2").hide();
					//显示和隐藏进行切换，0就是切换时间为0
					$("#div2").toggle(0);
				});
			});
		</script>
	</head>
	<body>
		<input type="button" value="点击显示/隐藏div2的内容" id="btn1" />
		<div id="div2">
			我就是div2的内容
			<input type="text" value="输入" />
			<input type="submit" value="点击发送" />
		</div>
	</body>
</html>