就是有三个div ,当显示其中一个时隐藏其他的俩个,,怎么实现。。真心的请教大侠们,,帮帮我啊
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html文件的<script>标签中,写入js:
$('button').click(function () {
$('div').hide();
$('div').eq(parseInt(3 * Math.random())).show();
});
3、浏览器运行index.html页面,此时点击btn按钮总会显示其中1个div和隐藏另外2个div。
温馨提示:答案为网友推荐,仅供参考
第1个回答 2019-06-21
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建一个html文件,例如:index.html。
2、在index.html文件的<script>标签中,写入js:
$('button').click(function () {
$('div').hide();
$('div').eq(parseInt(3 * Math.random())).show();
});
3、浏览器运行index.html页面,此时点击btn按钮总会显示其中1个div和隐藏另外2个div。
本回答被网友采纳第2个回答 推荐于2017-09-28
javascript 控制 div元素 显示/隐藏 :
获取该div元素
设置该元素的样式
具体代码如下:
<script type="text/javascript">function display(id){
var traget=document.getElementById(id);
if(traget.style.display=="none"){
traget.style.display="";
}else{
traget.style.display="none";
}
}
</script>
第3个回答 2012-07-20
先把所有的都隐藏起来,再把点击的div显示出来,是可以实现只显示一个div的效果的本回答被网友采纳
第4个回答 推荐于2017-10-11
$("#div1").hide();$("#div2").hide(); $("#div3").show();本回答被提问者采纳