JQuery动画

Posted 2020-10-26

      停止动画.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来进行判断