大家好，感谢邀请，今天来为大家分享一下jQuery 基础知识回顾jQuery 中的动画的问题，以及和的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

基础

show()方法和hide()方法show()方法和hide()方法是jQuery中最基本的动画方法。在HTML 文档中，调用元素的hide() 方法将显示该元素的显示内容。样式更改为“无”。

$('元素').hide();这段代码的功能与使用css() 方法设置显示属性相同：

$('element').css('显示', '无');隐藏元素后，可以使用show() 方法将元素的显示样式设置为之前的显示状态。

示范效果

如果元素可见，toggle() 方法会将元素切换为隐藏；如果该元素是隐藏的，则将其切换为可见。

示范效果

无论是show()方法、hide()方法还是toggle()方法，它们都可以接收用于控制动画时间的输入参数。输入参数的默认单位是毫秒。当然，jQuery 还定义了三个内置参数。速度字符串参数，'slow'、'normal'、'fast'，当我们将耗时参数设置得长一点时，我们会发现这三个方法调整了对应元素的宽度、高度和不透明度，通过以下动画视图：

风格变化的迹象

滑动

lideDown() 方法和slideUp() 方法slideUp() 方法和slideDown() 方法只会更改元素的高度。如果一个元素的display属性设置为“none”，那么当调用slideDown()方法时，该元素的显示将会从上到下扩展。 SlideUp() 方法正好相反。该元素将从下到上缩短并隐藏。

SlideToggle()方法滑动轮询进行切换。

滑动手势

淡入淡出

fadeIn() 和fadeOut() 方法与show() 方法的区别在于，fadeIn() 和fadeOut() 方法仅改变元素的不透明度，而fadeOut() 方法会降低不透明度指定时间段内的元素。不透明度，直到元素完全消失（“display:none”），fadeIn() 方法执行相反的操作。

fadeTo([[speed], opacity, [easing], [fn]]) 逐步将所有匹配元素的不透明度调整为指定的不透明度，并可选择在动画完成后触发回调函数。

fadeToggle() 通过不透明度的变化循环所有匹配元素的淡入和淡出效果，并可选择在动画完成后触发回调函数。

这些动画仅调整元素的不透明度，这意味着任何匹配元素的高度和宽度都不会改变。

淡入和淡出信号

自定义

animate(params, [speed], [easing], [fn]) 是用于创建自定义动画的函数。该函数的关键是指定动画形式和结果样式属性对象。该对象中的每个属性都代表一个可以更改的样式属性（例如“高度”、“顶部”或“不透明度”）。

注意：所有指定的属性必须是驼峰形式，例如marginLeft 而不是margin-left。

每个属性的值代表动画结束时该样式属性的值。如果是数值，样式属性会从当前值逐渐淡入指定值。如果使用“hide”、“show”或“toggle”等字符串值，则为该属性调用默认动画形式。

在jQuery 1.2 中，您可以使用em 和% 单位。此外，在jQuery 1.2 中，您可以通过在属性值前面指定“+=”或“-=”来使元素相对移动。

在jQuery 1.8 中，当你在css() 或animate() 中使用CSS 属性时，我们会根据浏览器（在适当的时候）自动为它们添加前缀，例如('user-select', 'none');在Chrome /Safari 中，我们将其设置为“-webkit-user-select”，Firefox 将使用“-moz-user-select”，IE10 将使用“-ms-user-select”。

params: 包含样式属性及其值（作为动画属性和最终值）的集合。

speed: 三个预定速度（“慢”、“正常”或“快”）之一的字符串或表示动画持续时间的毫秒值（例如：1000）。

easing:要使用的擦除效果的名称（需要插件支持）。默认情况下，jQuery 提供“线性”和“摆动”。

fn: 动画完成时执行的函数，每个元素一次。

$('#animate').click(function(e) { $test.animate({ width: '500px', height: '400px', fontSize: '4em' }, 2000); });自定义动画

上一节：jQuery基础知识回顾——事件冒泡、移除事件、模拟事件