19、jQuery动画与效果全解析

jQuery动画与效果全解析

1. jQuery效果概述

在网页开发中，让元素显示和隐藏是常见的JavaScript任务，比如下拉导航菜单、弹出工具提示和自动幻灯片展示等，都依赖于按需显示和隐藏元素的功能。jQuery提供了一系列函数来实现元素的隐藏和显示效果。

要使用这些效果，只需将它们应用到jQuery选择器选中的元素上，就像使用其他jQuery函数一样。例如，要隐藏所有类名为 submenu 的标签，可以这样写：

$('.submenu').hide();

每个效果函数还可以接受一个可选的速度设置和一个回调函数。速度表示效果完成所需的时间，回调函数则在效果完成后执行。速度设置可以是 'fast' 、 'normal' 、 'slow' 这三个字符串值之一，也可以是表示毫秒数的数字（1000毫秒为1秒，500毫秒为半秒，依此类推）。例如，让一个元素慢慢淡出视线的代码如下：

$('element').fadeOut('slow');

或者让元素在10秒内慢慢淡出：

$('element').fadeOut(10000);

当使用效果使元素消失时，元素实际上并没有从浏览器对页面的理解中移除，它仍然存在于D