jquery修改display属性

最新推荐文章于 2025-06-24 10:55:52 发布

ruoshui09172104

最新推荐文章于 2025-06-24 10:55:52 发布

阅读量1.2w

点赞数

CC 4.0 BY-SA版权

分类专栏：前台框架文章标签： jquery

本文链接：https://blog.youkuaiyun.com/ruoshui09172104/article/details/51386277

前台框架专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的示例，展示了如何使用jQuery来切换元素的显示与隐藏状态。通过两个按钮触发，实现对特定div元素display属性的修改。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery修改display属性

	<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$("#bt1").click(function(){
				$('#re1').css("display","block");
			});
			$("#bt2").click(function(){
				$('#re1').css("display","none");
			});
		});
	</script>
  </head>
  
  <body>
    <input type="file" value=""><input type="button" value="more" id="bt1"><br>
    <div id="re1" style="display:none;">
    	<input type="file" value=""><input type="button" value="remove" id="bt2">
    </div>
    <div id="re2" style="display:none;">
    	<input type="file" value=""><input type="button" value="remove" id="bt3">
    </div>
  </body>
</html>