jquery的隐藏与显示

显示与隐藏,通过用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>

实例:

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

posted @ 2015-09-26 18:52  纸鸢&红豆·绿豆  阅读(229)  评论(1编辑  收藏  举报