首页前端开发JavaScriptjavascript中show方法怎么用

javascript中show方法怎么用

时间2024-01-30 02:30:03发布访客分类JavaScript浏览118
导读:收集整理的这篇文章主要介绍了javascript中show方法怎么用,觉得挺不错的,现在分享给大家,也给大家做个参考。在js中,show的用法是“$(元素 .show(速度,需要执行的函数 ”。show方法的意思是如果被选元素已被隐藏,则显...
收集整理的这篇文章主要介绍了javascript中show方法怎么用,觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

定义和用法

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

语法

$(selector).show(sPEed,callback)

提示:如果元素已经是完全可见,则该效果不产生任何变化,除非规定了 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>
    

效果:

【推荐学习:javascript高级教程】

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript中show方法怎么用
本文地址: https://pptw.com/jishu/591922.html
浅谈Angular中@ViewChild的用法 JavaScript返回值是什么

游客 回复需填写必要信息