今天呢，我给大家分享一段代码，学习一下！

  •  
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <style type="text/css">        h3 {            background-color: #eeeeee;        }
        p{            font-size: 13px;            text-indent: 100px;        }</style>    <script src="../jquery-3.5.1/jquery-3.5.1.js"></script>    <script>        $(document).ready(function () {            $("#id_button_show").click(function () {                //$("h3").show().next("p").show();                $("h3").show();                $("p").show();            });
            $("#id_button_hide").click(function () {                //$("h3").hide().next("p").hide();                $("h3").hide();                $("p").hide();            });        });</script></head><body>    <h2 class="h2-caption">实用的jQuery代码段-显示和隐藏网页内容的功能</h2>    <button type="button" id="id_button_show">显示</button>    <button type="button" id="id_button_hide">隐藏</button>    <h3>重大新闻</h3>    <p>内容如下</p>    <h3>重大新闻</h3>    <p>内容如下</p>    <h3>重大新闻</h3>    <p>内容如下</p>    <h3>重大新闻</h3>    <p>内容如下</p></body></html>




 

 



ShowHide~超实用的jQuery代码段_css