JQuery动画

简介:

     停止动画.stop()、.each处理对象和数组的遍历和.inArray()查找数组中的索引

1  .stop()让当前正在运行的动画立即停止

2   常用的语法

   .stop( [clearQueue ], [ jumpToEnd ] )
  .stop( [queue ], [ clearQueue ] ,[ jumpToEnd ] )
3   常用的参数
.stop(); 停止当前动画,点击在暂停处继续开始
   .stop(true); 如果同一元素调用多个动画方法,尚未被执行的动画被放置在元素的效果队列中,这些动画不会开始,直到第一个完成。当调用.stop()的时候,队列中的下一个动画立即开始。如果clearQueue参数提供true值,那么在队列中的动画其余被删除并永远不会运行
   .stop(true,true); 当前动画将停止,但该元素上的 CSS 属性会被立刻修改成动画的目标值

4   stop()只会停止第一个动画,第二个第三个继续(当前高停止继续变宽变透明)

5   stop(true)停止第一个、第二个和第三个动画 (所有都停止不变了)
6   stop(true ture)停止动画,直接跳到第一个动画的最终状态 (当前高停止直接跳到高的目标值300不动了)
7   each是for循环方法的一个包装,内部是通过for遍历数组与对象,通过回调函数返回内部迭代的一些参数,第一个参数是当前迭代成员在对象或数组中的索引值(从0开始计数),第二个参数是当前迭代成员(与this的引用相同)
8   jQuery.each()函数会根据每次调用函数callback的返回值来决定后续动作,如果返回值为false,则停止循环(相当于普通循环中的break),如果返回其他任何值,均表示继续执行下一个循环
9   .each只是处理jQuery对象,jQuery
.each用来处理对象和数组的遍历
10   常用的语法
  jQuery.each(array, callback )
  jQuery.each( object, callback )

11   第一个参数传递的是一个对象或者数组,第二个是回调函数
12   jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值,如果数组中不存在该值,则返回 -1
13   常用的语法
  jQuery.inArray( value, array ,[ fromIndex ] )
14   传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始

15   如果要判断数组中是否存在指定值,通过该函数的返回值不等于(或大于)-1来进行判断


本文转自 拉考的考拉 51CTO博客,原文链接:
http://blog.51cto.com/lakaodekaola/2083274


相关文章
N..
|
30天前
|
JavaScript 前端开发 UED
jQuery动画特效
jQuery动画特效
N..
13 1
|
1月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
12 0
|
3月前
|
机器学习/深度学习 JavaScript
|
7月前
|
JavaScript
jQuery 显示隐藏动画 show(); hide(); toggle();
jQuery 显示隐藏动画 show(); hide(); toggle();
44 0
|
7月前
|
JavaScript
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
50 0
|
7月前
|
JavaScript
jQuery 自定义动画 animate(详细步骤)
jQuery 自定义动画 animate(详细步骤)
59 0
|
7月前
|
JavaScript
jQuery stop() 停止动画(详细使用)
jQuery stop() 停止动画(详细使用)
42 0
|
7月前
|
JavaScript
jQuery fullpage.js 全屏分页以及动画使用
jQuery fullpage.js 全屏分页以及动画使用
39 0
|
7月前
|
JavaScript
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
46 0
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
|
3月前
|
JavaScript 前端开发
jquery酷炫的马赛克图片还原动画代码
jquery酷炫的马赛克图片还原动画代码,jquery马赛克图片动画,js酷炫图片代码,马赛克图片js还原效果,js图片分散汇聚效果素材
41 1