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 相关文章推荐
基于jQuery的360图片展示实现代码
Jun 14 Javascript
js动态为代码着色显示行号
May 29 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
javascript arguments使用示例
Dec 16 Javascript
学习JavaScript设计模式之模板方法模式
Jan 20 Javascript
全面了解javascript三元运算符
Jun 27 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
Aug 03 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
js canvas实现放大镜查看图片功能
Jun 08 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
Jun 14 Javascript
浅析Vue实例以及生命周期
Aug 14 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 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
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
PHP数据类型之布尔型的介绍
2013/04/28 PHP
php给每个段落添加空格的方法
2015/03/20 PHP
javascript hashtable实现代码
2009/10/13 Javascript
jquery 可排列的表实现代码
2009/11/13 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
关闭时刷新父窗口两种方法
2014/05/07 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
2015/10/02 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
js微信支付实现代码
2016/12/22 Javascript
JS求解三元一次方程组值的方法
2017/01/03 Javascript
Javascript DOM事件操作小结(监听鼠标点击、释放,悬停、离开等)
2017/01/20 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
Vue引用Swiper4插件无法重写分页器样式的解决方法
2018/09/27 Javascript
JS+HTML5 canvas绘制验证码示例
2018/12/05 Javascript
layui之数据表格--与后台交互获取数据的方法
2019/09/29 Javascript
node.js Promise对象的使用方法实例分析
2019/12/26 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
使用vue引入maptalks地图及聚合效果的实现
2020/08/10 Javascript
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
Python3.6基于正则实现的计算器示例【无优化简单注释版】
2018/06/14 Python
浅述python中深浅拷贝原理
2018/09/18 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
django实现类似触发器的功能
2019/11/15 Python
html5教程实现Photoshop渐变色效果
2013/12/04 HTML / CSS
台湾全方位线上课程与职能学习平台:TibaMe
2019/12/04 全球购物
运动会广播稿200字
2014/01/15 职场文书
祖国在我心中演讲稿
2014/01/15 职场文书
保护环境的标语
2014/06/09 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
婚前财产协议书范本
2014/10/19 职场文书
锅炉工岗位职责
2015/02/13 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
人身损害赔偿协议书
2016/03/22 职场文书