一个接一个,jQuery数据(),jQuery停止(),jQuery延迟()函数(详细)

一个接一个,jQuery数据(),jQuery停止(),jQuery延迟()函数(详细)
首先,让我们介绍jQuery数据()函数

jQuery中的数据()函数用于将数据添加到所选元素或从所选元素中获取数据。通过数据()函数访问的数据是临时数据,并且一旦刷新页面,则存储在页之前的数据将不存在。

一、jQuery数据()的作用

数据()方法添加到选定的数据元素,或从选定的元素中获取数据。

通过数据()函数访问的数据是一个临时数据,一旦刷新页面,存储在页面前面的数据将不存在。

这个功能属于jQuery对象(实例)。如果你需要删除通过数据存储的数据()函数,使用在元素上移除存放的数据()函数。
两个jQuery数据的使用
1,获取附加数据的值。

$(选择器)。数据(名称)
参数描述
名称:
可选的。需要检索的数据的名称。
如果没有指定的名称,则该方法以对象的形式返回元素中的所有存储数据。
2。将数据添加到具有名称和值的对象中

$(选择器)。数据(名称,值)
参数描述
选择器:需要添加或获取数据的对象。

名称:参数是数据的名称。

值:参数是数据的值。
三.使用对象向元素添加数据

使用具有名称/值对的对象将数据添加到选定的元素中。

除了在提供名称和值的方式提供一个任务,我们也可以直接传递给另一个对象(一)作为一个参数。在这种情况下,属性名和属性值将被视为一个键-值对的名称和值,并将其复制到的目标对象的缓存中提取。
$(选择器)。数据(对象)

参数描述

对象:有必要。指定包含名称值对的对象。
例子
$(文档)Ready(函数(){)
TestObj=new Object ();
testobj greetingmorn =OD的早晨!;
testobj greetingeve =OD的晚上!;
$(# BTN1)。Click(function(){)
$(div)数据(testobj);
});
$(# BTN2)。Click(function(){)
Alert ($(div).Data (greetingEve));
});
});
将数据添加到div元素
获取已添加到div元素的数据
然后,我们将介绍jQuery停止()函数

停止()函数在jQuery是用来停止运行动画在当前匹配的元素。默认情况下,停止()函数只会停止当前正在运行的动画,如果使用动画()函数建立3个动画A、B和C的电流元,如果目前执行是一个动画,它只会停止动画的执行,也不能防止动画B和C过程的执行,也可以通过指定可选的选项停止动画。

jQuery中的停止()函数用于停止当前匹配元素上运行的动画。

停止动画是不是还原到动画前的状态,而是直接停止,当前动画执行到什么状态,处于什么状态。

例如,执行一个过渡动画与100px高度200px。当高度150px,动画停止,和目前的高度还150px。如果动画是回调函数执行后建立起来的,它不执行回调函数。
一、jQuery停止()语法
$(选择器)停止(stopall、ToEnd)。
参数描述

1、stopall

可选的,代表是是否清除未执行的动画队列。

这意味着如果参数为真,所有后续动画或事件都将停止。如果参数为false,则只选中当前执行的选定元素的动画,而随后的动画不受影响。因此,该参数一般是错误的。

如果我们使用停止()方法,我们将立即停止当前运行的动画。如果仍有动画等待执行,我们将在当前状态下启动下一个动画。
2、ToEnd

可选项:代表是否直接跳转正在执行的动画到当前动画的结尾。

指定是否允许当前动画的完成,可当stopall参数设置
三.备注

默认情况下,如果没有写入参数,则这两个参数被认为是false。
二、jQuery停止()示例
HTML代码示例

jQuery停止()

$(函数(){())
$()按钮:EQ(0))。Click(函数(){)
$(#面板)。动画({身高:150},1000)。动画({宽度:300 },
1000)隐藏(2000)。动画({
1000);
});
/ /停止({ } { } clearqueue,结束);
语法结构
$()按钮:EQ(1))。Click(函数(){)
$(#面板)(停止); / /停止当前动画,继续执行下一个动画
});
$()按钮:EQ(2))。Click(函数(){)
$(#面板)。停止(true); / /删除所有动画元素
});
$()按钮:EQ(3))。Click(函数(){)
$(#面板)。停止(false,true); / /让当前动画直接结束,继续下一个动画
});
$()按钮:EQ(4))。Click(函数(){)
$(#面板)。停止(真的,真的); / /删除所有的动画元素,让当前的动画直接底的状态
});
})
启动一系列动画
(停止)
停(真)
停止(错误的,真实的)
停止(真的,真的)

jQuery是什么

jQuery。

实例的描述
1、点击按钮(停止()),因为这两个参数都是错误的,所以当点击时,动画片绘制者不跳到当前动画的最终效果(动画1),而是直接进入动画2,然后动画3, 4, 5。直到整个动画完成。
2、点击按钮(停止(真正的)),因为第一个是真的,第二是假的,所以动画片绘制者立即停止一切,动画是不动的。
3、点击按钮(停止(假的,真的)),因为第一个是虚假,二是真实的,所以点击时,在动画目前的鼓舞者(动画1)鼓舞者停止直接跳到当前的动画(动画1)在正常位置的最终效应结束,然后执行下面的动画(3, 4, 2动画,5),直到完成整个动画。
3、点击按钮(停止(真的,真的)),因为两个都是真实的,所以当点击时,动画片绘制者跳到当前动画结束(动画1),然后所有的动画停止。
三,jQuery停止()在工作中的应用
一个下拉菜单,当鼠标指针的显示菜单,当鼠标离开隐藏菜单,如果我继续快速的(例如,鼠标移出菜单菜单时,动画是不完整的,和鼠标从菜单)将积累动画,当鼠标的积累动画将继续执行的执行完毕后停止移动,动画序列。
解决方法

在动画代码中添加停止(true,true),这一次很快移出菜单,正常时,移动到菜单,停止所有队列动画,完成动画(位置跳转到当前动画的最终效果)。

最后,我将向您介绍jQuery延迟()

jQuery(延迟)的方法是延迟动画执行的函数集的延迟值,调用格式:$(选择器)。Delay(持续时间)的延迟值的时间参数,它以毫秒为单位,当延迟时间值,继续或动画,延迟和setTimeout函数之间的差异,延迟更适合使用。
执行队列中的下一个动画延迟是在指定时间之后等待执行的队列是可能的,通常在队列中的两个jQuery函数之间使用延迟执行最后一个动画效果后的下一个动画效果的执行时间。
1。语法
$(选择器)。Delay(速度,queuename)
1,参数描述
2。备注

延迟时间(持续时间参数)是毫秒,越大的值,动画越慢,速度越快。

string'fast'and'slow代表200和600毫秒,分别。
二,延迟()示例
HTML
动画效果:

动画1
动画2
动画3
动画4
codeplayer

$(# EXEC)。Click(function(){)
var v = $(#动画)的瓦迩();
mydiv = $(var $ # mydiv );
如果(v=1){
(1000)mydiv.slideup美元
延迟(慢)
时(1500);
}如果(v=2){
mydiv.fadeout美元(慢)
延迟(2000)
slideDown(1000)。
动画({高度:)+ = 300 };
}如果(v=3){
*
注意:只有动画才会添加到效果队列中。
下面的代码是(),slideup slideDown()和影响的队列
在延迟的延迟()是唯一有用的为slideDown()
显示()立即执行,调用时(此时的slideup动画效果还没有执行)
下列代码的执行顺序如下:
1、slideup()添加到队列和开始执行,
2、显示()也被执行,它是立即执行,在slideup动画这一次没有执行()。
3,延时2秒
4。执行slideDown()
* /
mydiv.slideup美元(慢)
延迟(2000)
(显示)动画不是效果
slideDown();
}如果(v=4){
mydiv.show美元()
延迟(2000)
基于现有的300px /增加高度(如果原来的100px增加后400px)
。动画({身高:+ = 300px},2000)
动画(宽度:50%,},1000)
。动画({宽度:200px
}
});
实例二,让页面中的按钮在加载页面后500毫秒内隐藏,然后在1500毫秒内显示。
$(函数(){())
VaR的输入(输入美元美元= {类型=按钮})
延迟(500)
。队列(函数(){ $(this)。隐藏((Dequeue));})
延迟(1500)
队列(函数)($);
});
三,在jQuery中使用延迟()注释
1,延迟适用于jQuery动画效果和类似队列。

2。如果下一项是动画效果,则将执行延迟调用。

3、如果没有效果动画,则不会添加到效果队列中,所以函数不会延时调用它。

4,如果您不想将动画效果添加到延迟,则需要将其添加到队列队列中。
例如

$(函数(){())
VaR的输入(输入美元美元= {类型=按钮})
延迟(500)
队列(函数(){ $(this));隐藏();})
延迟(1500)
展示1个
队列(函数())$(this);
});
备注:上述方法已隐藏,无法再次显示。在执行队列之后,动画队列的执行也暂停。有必要叫出列执行它。
阿盖恩

$(函数(){())
VaR的输入(输入美元美元= {类型=按钮})
延迟(500)
。队列(函数(){ $(this)。隐藏((Dequeue));})
延迟(1500)
显示();
(1);
});
注意:上面的方法也只是隐藏的,不会再显示出来!节目不再指定显示动画,然后显示方法不再是一个动画,将只能进行后续的方法在动画队列,不能继续在非动画队列执行jQuery方法!
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部