jQuery学习教程，写更少的代码,做更多的事情（七

您好呀！

隐藏

显示

隐藏/显示

[](()2. 使用fadeIn()、fadeOut()、fadeToggle()和fadeTo()方法来实现淡入淡出

---

过程呢，和上面例子差不多，这里就不举例子了。

这里说一下fadeTo()方法使用，他是有参数的。

fadeTo(1000 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ,0);

第一个参数代表毫秒，执行时间。

第二个设定到0~1之间，0代表完全透明，1代表不透明。

[](()3.jQuery 特效 回调和滑动

==============================================================================

[](()1.滑动，显示和隐藏

---

slideDown()方法，下滑显示。

slideUp()方法，上滑隐藏。

slideTopple()方法，可以实现上面的两个功能

例如：

显示

隐藏

显示和隐藏

我出来了。

[](()2.回调

---

回调函数，不是什么特别的函数，就是函数执行完后，有一个回调的意味。

这里可以连续使用slideDown()和slideUp()方法，来达到一个浮现浮出的效果。

例如：

您好呀

隐藏

我出场特别帅气。

[](()4.jQuery 自定义动画

===========================================================================

[](()1.animate()方法

---

animate()方法，总共有四个参数，对应不同的属性。

例如：

如果存在多个animate()自定义动画，则会按照顺序依次执行。

例如：

[](()2.clearQueue()方法

---

从列队中一处所有未执行的项。这里的项，就是animate()方法。

例如：

停止动画

[](()3.delay()方法

---

设置一个延时来推迟执行队列中后续的项。这里的项，就是animate()方法。

例如：

注意这里的delay，参数是延迟毫秒。

$(“div”).click(function(){

$(this).animate({

width:500,

opacity:0.2,

left:200

},4000,“linear”).delay(5000); //注意这里的delay，参数是延迟毫秒。

$(this).animate({

width:200,opacity:1,left:8

},4000,“swing”,function(){

alert(“动画执行完毕”);

})

})

[](()4.finish()方法

---

停止当前正在运行的动画，删除所有排队的动画，并完成匹配元素所有的动画。

例如：