jquery的show用display:none来做

最新推荐文章于 2022-10-21 12:06:27 发布

飞翔的熊blabla

最新推荐文章于 2022-10-21 12:06:27 发布

阅读量960

点赞数

分类专栏： html+js+jquery+css

html+js+jquery+css 专栏收录该内容

641 篇文章 14 订阅

订阅专栏

 
        <!DOCTYPE html>
       
        <html>
       
        <head>
       
          <style>
       
        p { background:yellow; }
       
        </style>
       
          <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
       
        </head>
       
        <body>
       
          <button>Show it</button>
       
              <p style="display: none">Hello  2</p>
       
        <script>
       
        $("button").click(function () {
       
          $("p").show("slow");
       
        });
       
        </script>
       
        </body>
       
        </html>

Demo:

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

飞翔的熊blabla

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery的show用display:none来做

html>head> style>p { background:yellow; }style> script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js">script>head>body> button>Show itbutton> p style="display: none">Hello 2p>script
复制链接

扫一扫