jQuery中stop方法

1、stop()方法用于在动画或者效果完成前对他们进行停止，stop（）方法适用于所有jQuery效果函数，包括滑动，淡入淡出，自定义动画。

核心代码如下图所示:

$(document).ready(function(){
		$(".mainContent").click(function(){
		    $(".panel").slideDown(5000);
		});
	    });
	    $(".stop").click(function(){
		$(".panel").stop();
	    })

HTML代码如下:

 <button class="stop" type="button">点击进行动画显示</button>
 <div class="mainContent">点击这里进行滑动面板操作</div>
 <div class="panel">hello world!</div>

注：stop（）方法中语法格式:$(selector).stop(stopAll,goToEnd);

stopAll参数规定是否清除动画队列，默认false,即仅停止活动的动画，允许任何排入队列的动画向后执行，可选的goToEnd参数规定是否立即完成当前动画，默认是false,默认的，stop（）方法会清除在被选元素上指定的当前动画。

效果如下图所示：

效果执行之后如下图所示:

在点击这里进行面板操作按钮点击之后，hello world会缓缓下移，在移动的过程中，可以点击进行动画显示然后进行动画移动停止的操作，继续点击按钮，会继续执行动画。