当前位置:首页 > 日记 > 正文

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

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

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)的用法及区别(详解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

相关文章

jQuery插件扩展操作入门示例

jQuery插件扩展操作入门示例

插件,扩展操作,示例,入门,电脑软件,本文实例讲述了jQuery插件扩展操作。分享给大家供大家参考,具体如下:如下DEMO 展示了为dom扩展一个myshowHtml 的方法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="…

excel表格的批注功能使用方法

excel表格的批注功能使用方法

使用方法,表格,功能,电脑软件,excel,  Excel中的批注功能该如何使用呢?下面是由小编分享的excel表格的批注功能使用方法,以供大家阅读和学习。excel表格的批注功能使用方法:  添加批注步骤1:选择需要添加批注的单元格。添加批注步骤2:点击&…

ps如何按照步骤安装

ps如何按照步骤安装

安装,方法,步骤,安装步骤,电脑软件,  ps软件是可以进行安装的,但是安装步骤一定要准守。其实这个也不算太难,下面就让小编告诉你ps如何按照步骤安装的方法,一起学习吧。ps按照步骤安装的方法1、先准备软件,下载地址在工具里写出来咯。下载后…

JavaScript转换数据库DateTime字段

JavaScript转换数据库DateTime字段

字段类型,数据库,转换,方法,电脑软件,Javascript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在html(标准通用标记语言下的一个…

详解javascript中对数据格式化的思

详解javascript中对数据格式化的思

格式化,数据,中对,详解,电脑软件,在实际应用场景中,我们常常需将一些数据输出成更加符合人类习惯阅读的格式。保留小数点后面两位在一些要求精度没有那么准确的场景下,我们可以直接通过Number.prototype.toFixed()来实现保留小数点两位这样的…

JavaScript实现离开页面前提示功能

JavaScript实现离开页面前提示功能

方法,提示,页面,功能,电脑软件,本文实例讲述了JavaScript实现离开页面前提示功能。分享给大家供大家参考,具体如下:离开页面前的提示不可以用onunload去做,因为它只是兼容IE,你要兼容Google与FireFox就蛋疼了。而且这个事件还是关闭之后才会触…

canvas实现动态小球重叠效果

canvas实现动态小球重叠效果

重叠,动态,小球,效果,电脑软件,前面的话在javascript运动系列中,详细介绍了各种运动,其中就包括碰壁运动。但是,如果用canvas去实现,却是另一种思路。本文将详细介绍canvas动态小球重叠效果静态小球首先,生成随机半径、随机位置的50个静态小球<b…

react-router JS 控制路由跳转实例

react-router JS 控制路由跳转实例

路由,控制,跳转,实例,电脑软件,Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢?下面是一个表单。<form onSubmit={this.handleSubmit}> <input type="text" placeholder=…

excel倒数函数的使用教程excel倒数

excel倒数函数的使用教程excel倒数

函数,使用教程,倒数,电脑软件,excel,  在Excel中,很多情况下需要进行倒数、正数的排列,这时需要用到RANK这一函数进行排序,下面是小编整理的excel倒数函数的使用教程以供大家阅读。希望对你有帮助!excel倒数函数的使用教程示例1:正排名excel倒…

利用javascript实现的三种放大镜效

利用javascript实现的三种放大镜效

三种,源码,实例,效果,电脑软件,本文实现的是一款简单的放大镜效果,有三种不同的样式,支持移动端;大家可以直接下载源码进行学习参考,下面来一起学习学习吧。实现效果如下效果一效果二效果三调用代码如下//前面是ID或者Class,后面有init里面参数…

JS实现的模仿QQ头像资料卡显示与隐

JS实现的模仿QQ头像资料卡显示与隐

显示,头像,效果,资料卡,电脑软件,本文实例讲述了JS实现的模仿QQ头像资料卡显示与隐藏效果。分享给大家供大家参考,具体如下:我们使用QQ时经常需要查看朋友的资料卡,当我们把鼠标移入头像时,资料卡显示,并且鼠标能在头像与资料卡之间能随意移动,当…

jquery精度计算代码 jquery指定精

jquery精度计算代码 jquery指定精

精度,计算,小数位,精确,代码,本文实例为大家分享了jquery指定精确小数位的具体代码,供大家参考,具体内容如下/*** 将标签的值格式化* id 标签id* min 最小值* max 最大值*/function toFloat(id,min,max){ var htmlVal = $("#"+id).html(); …