• 技术文章 >web前端 >js教程

    javascript show方法有什么用

    藏色散人藏色散人2021-04-01 15:09:34原创69

    javascript show方法用于显示已被隐藏的元素,其使用语法是“$(selector).show(speed,callback)”;该效果适用于通过jQuery隐藏的元素,或在CSS中声明“display:none”的元素。

    本教程操作环境:windows7系统、jquery3.2.1版、Dell G3电脑。

    show方法定义和用法

    如果被选元素已被隐藏,则显示这些元素:

    语法

    $(selector).show(speed,callback)

    3cbbbd07494e09c63c207aebd7c5e28.png

    提示和注释

    提示:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 callback 函数。

    注释:该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。

    示例:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $(".btn1").click(function(){
      $("p").hide();
      });
      $(".btn2").click(function(){
      $("p").show();
      });
    });
    </script>
    </head>
    <body>
    <p>This is a paragraph.</p>
    <button class="btn1">Hide</button>
    <button class="btn2">Show</button>
    </body>
    </html>

    运行:

    bd2db14da80c3613f63217da77820e9.png

    【推荐学习:js基础教程

    以上就是javascript show方法有什么用的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:show
    上一篇:javascript怎么关闭窗口 下一篇:javascript怎么求阶乘
    第15期线上培训班

    相关文章推荐

    • javascript怎么类型转换• javascript用什么软件编写• javascript怎么将对象转成字符串• javascript是前端还是后端• javascript怎么关闭窗口

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网