jQuery效果--隐藏和显示

隐藏:$(selector).hide(speed,callback);

显示:$(selector).show(speed,callback);

speed:规定隐藏/显示的速度,取值:“slow”,“fast”或毫秒。

callback:隐藏或显示完成后要执行的函数。

实例:

<script>

$(function(){

  $(".hidebtn").click(function(){

    $(this).hide(1000,"linear",function(){

      alert("方法执行完毕");

    });

  });

});

</script>

注:

linear表示匀速的动画过程,可以替换为swing表示“快慢快”变速的动画过程。

使用toggle()切换显示隐藏

$(".btn").click(function(){

  $("p").toggle();

});

效果就是点击按钮隐藏,再点显示,再点隐藏。。。

posted @ 2019-11-24 15:32  盗哥泡茶去了  阅读(103)  评论(0)    收藏  举报