通过jQuery实现点击按钮，隐藏一个div，显示另一个div

这种方式可以避免跳转页面，在一个页面中显示不同的结果。

    <div id="div1" style="width:150px;height:50px;background-color:springgreen;">
        这是第一个div

    </div>
    <div id="div2" style="width:150px;height:50px;background-color: red; display: none">
        这是第二个div
    </div>
    <button id="btn">点我切换div</button>

    <script>
        $("#btn").click(function () {
            $("#div2").show();
            $("#div1").hide();
            
    });
    </script>

结果显示：

点击按钮后的结果：