欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

jquery的隐藏与显示

程序员文章站 2022-07-13 12:58:15
...

###显示与隐藏,通过用hide()和show()函数来实现

语法:
$(selector).hide(speed,callback);

$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
实际例子:

   <script>
$(document).ready(function(){
  $("#hide").click(function(){
    $("p").hide(2000, bye());
  });
  $("#show").click(function(){
    $("p").show(2000, hi());
  });
});
function bye(){alert("bye!!!");}
function hi(){alert("hi!!!");}
</script>

或者用togle实现隐藏和显示的切换:

<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div").toggle(1000);
  });
});
</script>

实例:

如果你点击“隐藏” 按钮,我将会消失。


隐藏
显示