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

    javascript中show方法怎么用

    醉折花枝作酒筹醉折花枝作酒筹2021-07-21 10:58:52原创101

    在js中,show的用法是“$(元素).show(速度,需要执行的函数)”。show方法的意思是如果被选元素已被隐藏,则显示这些元素,该效果适用于通过jQuery隐藏的元素,或在CSS中声明“display:none”的元素。

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

    定义和用法

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

    语法

    $(selector).show(speed,callback)

    `D{E)22KC(HR5K%N03NQY_8.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>这是一个段落。</p>
    <button class="btn1">隐藏</button>
    <button class="btn2">显示</button>
    </body>
    </html>

    效果:

    GIF.gif

    【推荐学习:javascript高级教程

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript show
    上一篇:JavaScript返回值是什么 下一篇:JavaScript中哪种类型的循环最快?几种for循环对比
    VIP会员

    相关文章推荐

    • 如何理解javascript原型链• javascript截取字符串的方法有哪些• javascript some()方法怎么用• 一文了解JavaScript中的类型化数组• javascript如何实现html字符转实体

    全部评论我要评论

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

    PHP中文网