jQuery 动画效果是一种非常有用的工具，可以让你的网站更加生动有趣。它可以帮助你创建出各种各样的动画效果，从简单的过渡效果到复杂的多层次动画。
jQuery 动画效果可以使用 jQuery 的 animate() 方法来实现。animate() 方法可以让你在一个时间间隔内，将一个元素的 CSS 属性从一个值变化到另一个值。例如，你可以使用 animate() 方法来将元素的宽度、高度、透明度、背景颜色或者位置都进行变化。
$('#myElement').animate({
width: '200px',
opacity: 0.5,
backgroundColor: '#000'
}, 1000);
上面代码中，animate() 方法会在 1000 毫秒内将 #myElement 的宽度、透明度和背景颜色都进行变化。
此外，jQuery 还有很多额外的功能，例如 fadeIn() 和 fadeOut() 方法，它们可以让你在不使用 animate() 方法的情况下也能实现出各式各样的动画效果。fadeIn() 和 fadeOut() 方法会在一个时间间隔内将元素的透明度从 0 变化到 1 （fadeIn() ）或者 1 变化到 0 （fadeOut() ）。
$('#myElement').fadeIn(1000); // Fades in over 1000 milliseconds.在使用jQuery动画时，你可能想要实现更加丰富的效果，那么你可以通过使用 jQuery animate() 方法自定义动画来达到目的，具体的使用方法如下文所述。
jQuery animate() 方法允许您创建自定义的动画。
注：实例运行过一次后，需刷新页面方可再次运行实例。
jQuery animate() 方法用于创建自定义动画。
语法：
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
下面的例子演示 animate() 方法的简单应用。它把 <div> 元素往右边移动了 250 像素：
 | 默认情况下，所有 HTML 元素都有一个静态位置，且无法移动。 如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！ |
|---|
注意：在 jQuery 的 animate()方法中，第一个参数是一个必须参数，表示一个CSS属性和值的对象。
请注意，生成动画的过程中可同时使用多个属性：
| 可以用 animate() 方法来操作所有 CSS 属性吗？ 是的，几乎可以！不过，需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。 同时，色彩动画并不包含在核心 jQuery 库中。 如果需要生成颜色动画，您需要从 jquery.com 下载 Color Animations 插件。 |
|---|
也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上 += 或 -=：
您甚至可以把属性的动画值设置为 "show"、"hide" 或 "toggle"：
默认地，jQuery 提供针对动画的队列功能。
这意味着如果您在彼此之后编写多个 animate() 调用，jQuery 会创建包含这些方法调用的"内部"队列。然后逐一运行这些 animate 调用。
下面的例子把 <div> 元素往右边移动了 100 像素，然后增加文本的字号：
提示：有关jQuery动画的更多介绍，请参考 jQuery 效果 - animate() 方法！
通过 jQuery，可以很容易地删除已有的 HTML 元素。删除元素/内容 如需删除元素和内容，一般可使用以下两个 jQuery 方法：remove(...
祖先是父、祖父或曾祖父等等。通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。向上遍历 DOM 树 这些 jQuery 方法很有用...
jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和...
下拉菜单或导航是我们在网站开发中不可或缺的网站元素之一，使用jquery可以制作出简洁易用，美观大方的下拉菜单效果或是导航菜单...
jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素...