怎么样实现点击按钮显示一个div,页面上其他的内容全部隐藏

怎么样实现点击按钮显示一个div,页面上其他的内容全部隐藏。再点击返回按钮，div隐藏，页面上所有的内容再显示出来。

举报该文章

相关建议 2016-12-09

是这样的吗？用了一个CSS3的选择器---范围 *:not('要求不显示的对象')，具体用法建议自己去查，我说的也不是很详细，具体代码如下：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style>
        .div {
            display:none;
            border:3px solid red;
        }
    </style>
</head>
<body>


    <p style="border:2px dashed green;" >
        <input type="button" name="showandhide" value="按钮" id="button" /><br /><br />
    </p>

<article> 
<strong>我是其他的内容1</strong>

        <hr />
        <div class="div">
            这里就是div的内容
        </div>
        <hr />

        <span>我是其他的内容2</span>
    </article>
</body>
</html>
<script src="TravelCompany/js/jquery-1.8.3.js"></script>
<script>
    $(function () {
        $("#button").toggle(function () {    //toggle是鼠标多次点击事件的方法
            $(".div").show();                            //单击一次按钮
            $("article *:not('.div')").hide();           //显示div里面的内容，隐藏不是div的元素

            //简单的方法就是把所有不是div的元素一个一个的写出来
            //$("span").hide();
            //$("strong").hide();
        }, function () {                    //再次单击按钮时
            $(".div").hide();               //隐藏div里面的内容，显示不是div的元素
            $("article *:not('.div')").show();

            //$("span").show();
            //$("strong").show();
        });

});
</script>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/mpp22m7vqm4fss744m.html

其他看法

第1个回答 2018-07-16

实话实说，所有指标包括kd macd均线，是根据已有价格计算得出，看指标落后于看价格分析，也就是k线。而价格是根据成交量变化，看k线分析落后看成交量分析，而成交量根据盘面结构变化，看成交量分析慢于看结构分析。
所以只用指标是无法判断买卖点和选股的，正确的方法要会用比较法则选择主流板块主流股，懂得利用正确的技术分析筹码分析知识来针对不同主力类型的股票用量价，趋势，波浪位置计算合理买卖点，

相似回答

大家正在搜