jQuery效果-动画

1. animate（）

animate（）方法用于创建自定义动画。

语法：

$(selector).animate({params},speed,callback);

参数：

params：必填，定义形成动画的CSS属性。

speed：可选，规定效果的时长。它可以取以下值：“slow”、“fast”或毫秒。

callback：可选，动画完成后所执行的函数名称。

注意：

1. 默认情况下，所有HTML元素都有一个静态位置，且无法移动。

如需对位置进行操作，要记得首先把元素的CSS position属性设置为relative、flexed或absolute！

1. 当使用animate（）时，必须使用Camel标记法书写所有的属性名，比如，必须使用passingLeft而不是padding-left，使用marginRight而不是margin-right，等等。
2. animate（）目前不支持颜色动画，如果需要生成颜色动画，需要引入颜色动画的插件。

1.2、animate（）使用相对值

也可以定义相对值（该值相对于元素的当前值）。需要在值的前面加上+=或-=

1.3、animate（）使用预定义的值

可以把属性的动画值设置为：“show”、“hide”或“toggle”

1.4、animate（）使用队列功能

可以编写多个animate（）调用，jQuery会创建包含这些方法调用的“内部”队列。然后逐一运行这些animate调用。

1. jQuery效果-停止动画stop（）

Stop（）方法用于停止动画或效果，在它们完成之前。

Stop（）方法适用于所有的JQuery函数效果，包括滑动、淡入淡出和自定义动画。

语法：

 $(selector).stop(stopAll,goToEnd);

参数：

stopAll：可选，规定是否应该清除动画队列。默认是false，即停止活动的动画，允许任何排入队列的动画向后执行。

goToEnd：可选，规定是否立即完成当前动画。默认是false。

1. jQuery-链

通过jQuery，可以把动作/方法链接到一起。链允许我们在一条语句中运行多个jQuery方法（在相同的元素上）

在这之前，我们都是一次写一条jQuery语句（一条接着另一条）。

不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条jQuery命令，一条接着另一条。这样的话，浏览器就不必多次查找相同的元素。如需链接一个动作，您只需简单的把该动作追加到之前的动作上。

例：

希望可以帮助到你们。

以上就是我的分享和收集的一些资料，新手上路，请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔！