jq stop()和:is(:animated)的用法及区别(详解)


Posted in Javascript onFebruary 12, 2017

stop(true,true):

表示停止匹配元素正在进行的动画并跳转到末状态,清空未执行完的动画队列。常用于”解决光标移入移出得过快导致的动画效果与光标动作不一致“问题!

jQuery stop() 方法

jQuery stop() 方法用于停止动画或效果,在它们完成之前。

stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

语法

$(selector).stop(stopAll,goToEnd);可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此,默认地,stop() 会清除在被选元素上指定的当前动画。

下面的例子演示 stop() 方法,不带参数:

$("#stop").click(function(){ 
 $("#panel").stop(); 
});

:is(":animated")   :animated是jQ选择器 选择所有动画元素

判断元素是否处于动画状态,常用于”连续点击上/下一张按钮,只响应用户第一次点击动作“时使用。

if(!$("#lunbolist li").is(":animated")){ 
      $("#lunbolist li").filter(".on").hide(); 
      $("#lunbolist li").eq(currentindex).fadeIn(100).addClass("on").siblings().removeClass("on"); 
      $(this).addClass("on").siblings().removeClass("on"); 
    }

以上这篇jq stop()和:is(:animated)的用法及区别(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
学习ExtJS table布局
Oct 08 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
May 12 Javascript
jquery对象和javascript对象即DOM对象相互转换
Aug 07 Javascript
移动端JQ插件hammer使用详解
Jul 03 Javascript
jQuery购物网页经典制作案例
Aug 19 Javascript
详解Node.js串行化流程控制
May 04 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
利用js实现前后台传送Json的示例代码
Mar 29 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
Aug 10 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
Vue 幸运大转盘实现思路详解
May 06 Javascript
通过实例解析json与jsonp原理及使用方法
Sep 27 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 #Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 #Javascript
利用Node.js编写跨平台的spawn语句详解
Feb 12 #Javascript
超全面的vue.js使用总结
Feb 12 #Javascript
Vue-Router实现页面正在加载特效方法示例
Feb 12 #Javascript
jquery使用EasyUI Tree异步加载JSON数据(生成树)
Feb 11 #Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
Feb 11 #Javascript
You might like
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
PHP扩展CURL的用法详解
2014/06/20 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
PHP图片水印类的封装
2017/07/06 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
YII框架实现自定义第三方扩展操作示例
2019/04/26 PHP
js之WEB开发调试利器:Firebug 下载
2007/01/13 Javascript
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
jQuery提交多个表单的小技巧
2014/07/27 Javascript
javascript格式化日期时间方法汇总
2015/06/19 Javascript
javascript 动态修改css样式方法汇总(四种方法)
2015/08/27 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
Angularjs 实现分页功能及示例代码
2016/09/14 Javascript
jquery网页日历显示控件calendar3.1使用详解
2016/11/24 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
typescript nodejs 依赖注入实现方法代码详解
2019/07/21 NodeJs
解决Layui中layer报错的问题
2019/09/03 Javascript
jquery 回调操作实例分析【回调成功与回调失败的情况】
2019/09/27 jQuery
Vue根据条件添加click事件的方式
2019/11/09 Javascript
微信小程序开发(二):页面跳转并传参操作示例
2020/06/01 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
使用python实现正则匹配检索远端FTP目录下的文件
2015/03/25 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
Python读取mat文件,并保存为pickle格式的方法
2018/10/23 Python
Python 剪绳子的多种思路实现(动态规划和贪心)
2020/02/24 Python
Pycharm插件(Grep Console)自定义规则输出颜色日志的方法
2020/05/27 Python
HTML5中的nav标签学习笔记
2016/06/24 HTML / CSS
TCP/IP模型的分界线
2012/12/01 面试题
社区庆中秋节活动方案
2014/02/07 职场文书
公司会议策划方案
2014/05/17 职场文书
置业顾问岗位职责
2015/02/09 职场文书
教师个人教学反思
2016/02/23 职场文书
Python可视化学习之seaborn调色盘
2022/02/24 Python
插件导致ECharts被全量引入的坑示例解析
2022/09/23 Javascript