jquery.hide()方法

2017-2-10来源:心得技巧人气:1042

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>