html 点击一个按钮 显示另一个div 隐藏之前呢个div
就是我用VS做的web，我想实现点击一个按钮，它就会显示出来，而点击另一个按钮，之前那个就会隐藏，现在这个的内容就会显示出来。按钮有多个，需要案例
<head>
<meta charset="utf-8"/>
<style>
div{display:none;}
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").click(function(){
var index = $(this).index();
$(".d").hide();
$(".d:eq("+index+")").show();
});
});
</script>
</head>
<body>
<button>1111</button>
<button>2222</button>
<button>3333</button>
<button>4444</button>
<button>5555</button>
<button>6666</button>
<div class="d">我是第1个</div>
<div class="d">我是第2个</div>
<div class="d">我是第3个</div>
<div class="d">我是第4个</div>
<div class="d">我是第5个</div>
<div class="d">我是第6个</div>
</body>
</html>
自行引入jquery文件追问
我用的是C#的asp。net web，可以详细解释一下怎么做吗？我就一个新新手
追答首先暂时不管你是哪个领域的哈，单看js和html，你的需求是点一个按钮弹出一个弹出层（div），那么你的按钮可以定义同一个class（比如class="btn"），同理，你的弹出层也是一样（比如class="div"），他们是存在着对应关系的，即第一个按钮对应着第一个div...以此类推，所以他们的下标是一样的，那么写代码的思路就是，先获取点击的按钮的下标，然后把所有弹出层都hide()，再把对应的div（jquery提供的选择器中，:eq(0)这里面的0就是下标，写上下标就找到该元素了）show()出来，功能就实现了。
追问那么，该怎么使用hide（），show（）呢？
追答你没看我给你的代码吗？
本回答被提问者和网友采纳用.show();做显示就可以了。追问
可以给一个详细的案例吗？
html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性,怎么用...
show1.style.display = 'none';show2.style.display='block';} } <\/script> <input type="button" value="点击" id="btn" onclick="show(t1);"\/> <div id="t1" style="display:block"><h3>隐藏这个<\/h3><\/div> <div id="t2" style="display:none"> <h3>显示这个<span>烦烦...
...然后该div上有一个按钮,点击后隐藏,然后在显示另外一个div...
1、打开html开发软件，新建一个html文件。2、在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...
html中我想通过点击一个div标签的文字实现对一个表的隐藏和显示,以前用...
首先给人员管理这个div一个id 然后设置这个表display属性为none <div id="id1">人员管理<\/div> <table id="table1" style="display: none"> <tr> <td>增加<\/td> <td>删除<\/td> <td>修改<\/td> <td>管理<\/td> <\/tr> <\/table> <script type="text\/java...
点击一个div显示另一个隐藏div几秒后隐藏
<\/div> <div id="div2">我是div2，点了div1之后我过几秒就会隐藏！<\/div> <script type="text\/javascript"> \/\/ 1. 拿到div1，监听点击事件 document.getElementById('div1').onclick = function() { \/\/ 点击div1之后会进这个函数！ console.log('div1被点了！');...
html点击按钮跳转到另一个html(html点击跳转到指定位置)
需要借助jquery引入，操作方法是首先打开html编辑器hbuilder软件，新建一个html文件并在里面写一个h2标签和div标签，div中设置class属性为footer。按钮跳转相对来说算是比较简单，大概分两种方式操作：图片\/文字按钮表单按钮先说图片\/文字按钮按钮：这种的话那就简单了，直接用a标签就可以实现了。...和密码...
html中,如何用css实现点击一个事件,一个div内容显示,点击另一个事件,同...
d1{ display:none;width:100px;height:100px;background:#f00;} d2{ display:none;width:100px;height:100px;background:#0f0;} d1:target{ display:block;} d2:target{ display:block;} <\/style> <a href="#d1">第一个div<\/a> <a href="#d2">第二个div<\/a> <div id="d1...
...用js设置一个按钮,当点击按钮时可以显示另一个图层,按钮和图层不...
首先你在css里面设置product为none，就是添加display:none，然后在JavaScript里面动态设置属性display为block就是你要的效果了。
在HTML里,当我鼠标移到一个div里 就显示一个隐藏的子div 并且鼠标移到...
一个父div，里面嵌一个子div。开始的时候将子div隐藏，即：子div.syle.display="none";在父div添加onmouseover事件处理，将子div.style.display改成block。对document.body添加onmousemove事件，通过event.clientX和event.clientY来获取鼠标的位置，然后更新子div的位置为鼠标的位置。
点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写
showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } \/\/方法二:用按钮控制div1,div2的显示隐藏 var flag=true;btn.onclick=function(){ if(flag){ div1.style.display="block";div2.style.display="none";btn.value="显示div2的内容"flag=false;} else{ div2....
html 如何点击一个按钮,在界面下方出现一个延伸出一个新的界面
1、新建一个html文件，命名为test.html。2、在test.html文件内，在p标签内，使用button标签创建多个按钮。3、在test.html文件内，分别设置button标签的class属性为bbtt，用于下面获得button对象。4、在js标签内，使用ready()方法在页面加载完成时，执行function方法。5、在function方法内，通过class获得button...
