4.4 小结_第4章 jQuery中的事件和动画

4.4 小结

本章主要讲解了jQuery里的事件和动画。

本章上半部分讲解的是 jQuery 中的事件。从最开始的页面装载讲起,在这个过程中,进一步介绍了 ready()方法;其次介绍了如何为元素绑定事件;接下来介绍了jQuery的两个自定义事件hover()方法和toggle()方法;然后通过例子来讲解事件冒泡和阻止默认操作;最后讲解了移除事件unbind()方法,模拟事件trigger()方法和bind()方法的其他用法。

本章下半部分讲解的是jQuery中的动画。首先从最简单的动画方法show()和hide()方法开始介绍,通过带参数和不带参数两种方法来实现动画效果,参数可以使用速度关键字slow.fast和normal,也可以自己定义数字。接下来讲解了fadeIn()和fadeOut()方法,slideUp()和slideDown()方法,通过这些方法也能达到同样的动画效果。最后,介绍了最重要的一种方法即 animate()方法,通过此方法不仅能实现前面的所有动画,也能自定义动画。在做动画的过程中,需要特别注意动画的执行顺序,也要注意非动画方法会插队,可以通过动画方法的回调函数解决这个问题。

本章最后通过某视频网站的动画效果,进一步加深了读者对事件和动画的了解。