理解jQuery stop()方法

作为前端开发人员，JS和JQuery是我们经常用到的开发语言和工具类库。我们都晓得，在jQuery中有一个很强大的方法——stop(),他是阻止在连续动画或事件中出现重复累积状况的方法。那么，stop()怎么用呢？来带大家先认识一下stop()吧：

stop()在语法上有两个参数，分别都是Boolean布尔值。且都是可选的，但是也有规定，如下：

$(selector).stop(stopAll,goToEnd)

参数：（默认情况下，不写参数，则会被认为两个参数都是false。）

stopAll:可选。规定是否停止被选元素的所有加入队列的动画。意思就是如果该参数值为true，则会停止所有后续动画或事件。如果该参数值为false，则只停止被选元素当前执行的动画，后续动画不受影响。因此，该参数一般都为false。

goToEnd：可选。规定是否允许完成当前动画，该参数只能在设置了stopAll参数时使用。上面我们说了，stopAll参数我们一般都会写fasle值，不是默认，而是真实的写上该参数。那么goToEnd参数就有两个选择了，一个是false，一个是true。其中意思，大家应该都明白了。一般都为true。意思就是允许完成当前动画。

下面是对应的代码：

HTML：

代码如下:

Box">