jquery.hide()方法

xixi_web

于 2017-02-10 10:21:57 发布

阅读量380

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/xixi_web/article/details/54963516

本文介绍了一个使用jQuery实现的动画效果示例，包括按钮点击触发段落隐藏的动画过程及参数配置，展示了如何通过不同设置实现平滑或即时隐藏。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html部分

  <button class="btn1">click to hide</button>
  <button class="btn2">click to hide2</button>

  <p>Here is paragraph</p>这里写代码片

jquery部分

<script>
    $(".btn1").click(function(){
         $("p").stop().hide({//于避免动画执行过程中反复触发
            duration:3000,//Number or String 决定动画将运行时间，默认400
            easing:"linear",//String,过渡使用哪种缓动函数,默认为swing
            complete:function(){
                alert("完成")
            }
         });
    });

    $(".btn2").click(function(){
        $("p").hide(2000);
    });

//.stop();//停止当前动画，继续下一个动画 
//.stop(true);//清除元素的所有动画 
//.stop(false, true);//让当前动画直接到达末状态 ，继续下一个动画
//.stop(true, true);//清除元素的所有动画，让当前动画直接到达末状态
</script>