jquery之data()、stop()、delay()的语法和使用

来源:互联网 发布:贪心算法的实例 编辑:程序博客网 时间:2024/06/05 20:16

jquery data()函数

一、jquery data()的作用

data()方法向被选元素附加数据,或者从被选元素获取数据。
通过data()函数存取的数据都是临时数据,一旦页面刷新,之前存放的数据都将不复存在。
该函数属于jQuery对象(实例)。如果需要移除通过data()函数存放的数据,请使用 removeData()函数。

二、jquery data的使用方式

1、获取附加的data的值

$(selector).data(name)

参数说明

 name

可选。规定要取回的数据的名称。

如果没有规定名称,则该方法将以对象的形式从元素中返回所有存储的数据。

2、用namevalue为对象附加数据

$(selector).data(name,value)

参数说明

selector:为需要附加或者获取数据的对象。
name
:参数为数据的名称。
value
:参数为数据的值。

3、使用对象向元素附加数据

使用带有名称/值对的对象向被选元素添加数据。
除了以提供 name value 的方式进行赋值,我们还可以直接传入另一个对象(another)作为参数。这种情况下,“another的属性名称和属性值将被视为多个键值对,从中提取的name value都会被复制到目标对象的缓存中。 

$(selector).data(object)

参数说明

object:必需。规定包含名称/值对的对象。 



jquery stop()函数

jQuerystop()函数用于停止当前匹配元素上正在运行的动画。默认情况下,stop()函数只会停止当前正在运行的动画。如果你使用animate()函数为当前元素设置了ABC3段动画,如果当前正在执行的动画是A,则只会停止动画A的执行,不会阻止动画BC的执行。当然,你也可以通过指定可选的选项参数来停止所有的动画。
jQuery
stop()函数用于停止当前匹配元素上正在运行的动画。
停止动画并不是恢复到该动画执行前的状况,而是直接停止,当前动画执行到什么状态,就停留在什么状态。
例如:执行一个元素高度从100px200px的过渡动画,当高度为150px时停止了该动画,则当前高度仍然保持150px的现状。如果该动画设置了执行完毕后的回调函数,则不会执行该回调函数。

一、jquery stop()语法

$(selector).stop(stopAll,goToEnd)

参数说明

1stopAll

可选。代表是否要清空未执行完的动画队列。
意思就是如果该参数值为true,则会停止所有后续动画或事件。如果该参数值为false,则只停止被选元素当前执行的动画,后续动画不受影响。因此,该参数一般都为false
如果使用stop()方法,则会立即停止当前正在运行的动画,如果接下来还有动画等待执行,则以当前状态开始接下来的动画。

2goToEnd

可选。代表是否直接将正在执行的动画跳转到当前动画的末尾。
规定是否允许完成当前动画,该参数只能在设置了stopAll参数时使用

3、备注

默认情况下,不写参数,则会被认为两个参数都是false


jquery delay()函数

 $('.cover').removeClass('hide').delay(1500).fadeOut();

语法:

$(selector).delay(speed,queueName)

参数说明:speed,可选规定延迟的速度,可能的值是毫秒、slowfast

queueName,可选,规定队列的名称,默认值fx,标准效果队列

备注:延迟时间(duration参数)是以毫秒为单位的,数值越大,动画越慢,字符串‘fast’和‘slow’分别代表200600毫秒的延时。

jquery中使用delay()注意事项

1delay适用在jQuery动画效果和类似队列中
2
、如果下一项是动画效果,则会执行延迟调用
3
、如果不是效果动画,则它不会被加入效果队列中,因此该函数不会对它进行延迟调用。
4
、如果要将不是动画效果加入延迟,则需要将它加入到queue队列中去。



原创粉丝点击