jquery点击隐藏div盒子，hide()方法

邹某人信了你的邪

于 2022-08-17 17:32:04 发布

阅读量447

点赞数

本文链接：https://blog.csdn.net/m0_63909315/article/details/126390802

版权

css 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

html5

7 篇文章 0 订阅

订阅专栏

javascript

7 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title>demo8</title>
       <style>
           div {
               width: 50px;
               width: 50px;
               background-color: red;
           }
       </style>
       <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
       <script type="text/javascript">
           $(document).ready(function(){
           $("#hide").click(function(){
           $("p:eq(1)").hide();
           });
           $("#show").click(function(){
           $("p:eq(1)").show();
           });
           });
       </script>
   </head>
   <body>
       <div id="testid">
           <div class="testclass">
               <p>AAAA</p>
               <p>BBBB</p>
               <p>CCCC</p>
           </div>
       </div>
       <div class="testclass">
           <p>DDDD</p>
       </div>
       <button id="hide">隐藏</button>
       <button id="show">显示</button>
   </body>
</html>