javascript 隐藏div的方法
举个例子，这里有3组div它们的id是1，2，3如果点击1之后2和3都隐藏点击2之后1和3都隐藏...
举个例子，这里有3组div 它们的id是1 ，2 ， 3
如果点击1之后 2和3 都隐藏
点击2之后 1和3 都隐藏 展开
如果点击1之后 2和3 都隐藏
点击2之后 1和3 都隐藏 展开
5个回答
展开全部
<div id="1" onclick="hide(1)"></div>
<div id="2" onclick="hide(2)"></div>
<div id="3" onclick="hide(3)"></div>
答案一：纯js代码下
function hide(id){
document.getElementById('1').style.display = 'none';
document.getElementById('2').style.display = 'none';
document.getElementById('3').style.display = 'none';
document.getElementById(id).style.display = 'block';
}答案二：使用jQuery，其实原理跟答案一差不多，只是写法是jQuery的写法
<script language="javascript" type="text/javascript" src="/js/jquery.js">
function hide(id){
$('#1').hide();
$('#2').hide();
$('#3').hide();
$('#'+id).show();
}
</script>
欢迎补充
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置属性，<div style="display:none"></div>隐藏
不加就是默认的 显示或者<div style="display:block"></div>
满意请采纳。
不加就是默认的 显示或者<div style="display:block"></div>
满意请采纳。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过display这个css样式进行设置
1、定义一个div节点，默认显示
<div id='t1'>123</div>
2、隐藏该div节点
var d1 = document.getElementById('t1');//获取该div节点
d1.style.display = 'none';//值为'none'设置为隐藏。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function(){
$(".sub_group").click(function() {
$(this).siblings().hide();
});
$(".show").click(function(event) {
$(".sub_group").show();
});
})
</script>
<style type="text/css">
div{width:400px;border:1px solid #ccc;}
div.sub_group{height:50px;margin:10px 0;}
div.group{padding:40px;margin:10px;}
</style>
</head>
<body>
<div class="group">
<div class="sub_group">我是1</div>
<div class="sub_group">我是2</div>
<div class="sub_group">我是3</div>
</div>
<div class="show">显示</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用 jquery中的 hide() 很简单的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
