English
资源说明：`jQuery.stop()` 是一个用于控制 jQuery 动画执行的关键函数，它允许你在动画序列中进行干预，以实现更复杂的交互效果。在这个实例中，我们将深入理解 `stop()` 的不同参数和它们的影响。
`jQuery.stop()` 的语法是 `$(selector).stop(stopAll, goToEnd)`，其中：
1. `stopAll`: 可选参数，决定是否停止所有加入队列的动画。如果设置为 `true`，所有动画都会被清除，无论它们当前是否在运行。如果设置为 `false`（默认值），只停止当前的动画，后面的动画会继续执行。
2. `goToEnd`: 可选参数，仅在 `stopAll` 为 `true` 时有效。如果设置为 `true`，当前动画会立即完成到其最终状态，而不是停留在停止时的位置。如果设置为 `false`，动画会在当前位置停止，不会到达最终效果。
以下是 `stop()` 几种常见用法的解释：
- `stop()`: 等价于 `stop(false, false)`，它会停止当前元素的动画，但允许队列中的后续动画继续执行。
- `stop(true)`: 等价于 `stop(true, false)`，它会清除队列中所有动画，当前动画也会停止，但不会立即完成到最终效果。
- `stop(true, true)`: 这会停止所有动画并立即完成当前动画到最终状态，队列中的动画也会被清除。
- `stop(false, true)`: 这会立即结束当前动画到最终效果，但队列中的其他动画会继续执行。
在提供的示例代码中，有一个简单的页面布局，包含一个 `#box` 元素和四个按钮。当点击 "开始测试" 按钮时，`#box` 将执行四个连续的动画：高度变化和宽度变化。每个动画都是逐步进行的，即前一个动画完成后才开始下一个。
当点击不同按钮时，`stop()` 会被调用，根据传入的参数，动画行为会有所不同：
- `stop()`: 即使动画正在进行，也会立即停止，但后续动画会继续。
- `stop(true)`: 清除所有动画，包括当前动画，但不会立即完成当前动画。
- `stop(false, true)`: 结束当前动画到最终状态，允许队列中的动画继续执行。
- `stop(true, true)`: 清除所有动画，并使当前动画立即到达其最终状态。
这个例子直观地展示了 `stop()` 不同参数的使用效果，帮助我们更好地理解和应用这个函数。在实际项目中，`stop()` 是处理用户交互、防止动画重叠或创建更复杂的动画流程时非常有用的工具。
本源码包内暂不包含可直接显示的源代码文件，请下载源码包。
