jQuery动画

Posted 2020-10-17 niusan

动画
1,隐藏动画hide()  fast 200  slow 600 display:none;
2，显示动画show();
3,toggle 切换元素的显示和隐藏
4，slideDown 用滑动动画显示一个匹配元素 事件数值越大动画越慢，
   sideDown(duration,function(){//等待动画执行1m后执行的别的动作
          });
   slideUp(slow/400/fast)；
5,SlideToggle() 上卷下拉动画切换
6,fadeOut(‘slow/400/fast‘, function() {});
  fadeIn(‘slow/400/fast‘, function() {});
 动画淡入淡出
7，fadeToggle() 淡入淡出切换
8，fadeTo() opacity的属性，改变透明度，一步到位
9，操作元素显示和隐藏的方式
   display:none;
   设置高度为0；
   设置透明度为0；
10，$(elem).animate({
   {opacity:0;}，3000
});
11,$(elem).animate({properties},{
   duration:设置 动画执行时间，
   easing:规定要使用easing函数，过渡使用哪种缓动
   step:规定每个动画的每一步完成会后，要执行的函数
   progress:每一次动画调用的时候会执行这个函数，就是一个进度的概念
   complete:动画完成回调
});
12，动画停止stop
   stop() 只会停止第一个动画，第二第三个会继续
   stop(true) 停止第一个第二个第三个动画。
   stop(true,true) 停止动画，直接跳到第一个动画的最终状态
13，each([],function(index,value){ return false ;/*停止迭代*/})
14，inArray() 查找数组中的索引，存在返回索引值，不存在返回-1
   jQuery.inArray(5, [1,2,3,4,5]); //返回4
15，$.trim();去除字符串两边的空白字符
16，.get() 获取集合对象中的某一个元素，传入-值，从后往前索引
17，index() 元素在集合中对应的索引 $(‘li‘).index(‘#test‘)  //返回1