如何实现js控制div的隐藏及显现

就是有三个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();本回答被提问者采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网