jQuery——动画、类数组-创新互联

2、动画
  jquery中常用的动画的方法就是hide()与show().
    $(element).hide()这段代码可以与这相等element.css("display","none")
    在hide(time)与show(time)中填入事件，可以慢慢消失跟显现。可以修改元素的多个样式，高度，宽度，不透明度。
  另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是，当使用hide或者show的时候会改变网页的高度，而fadeIn与fadeOut则不会。
    还有一组是slideUp，slideDown改变高度。
  方法说明：
    Hide()/show()：同时修改多个样式属性：高度、宽度、不透明度。
    fadeIn()/fadeout()：只修改不透明度。
    slideUp()/slideDown()：只改变高度。
    fadeTo()：只改变不透明度。
    Toggle()：用来替代hide()方法和show()方法，所以会同时修改多个样式属性即高度宽度和不透明度。
    slideToggle()：用来代替slideUp()和slideDown()方法，所以只能改变高度。
    Animate()：属于自定义动画的方法，直接使用animate()方法还能自定义其他的属性样式，例如left,marginLeft,scrollTop等。

  1)、show(), hide()    animate / a1.html
    a,作用: 通过同时改变元素的宽度和高度来实现显示或者隐藏。
    b,用法:
      show(速度,[callback])
      速度: 'slow','normal','fast',也可以用毫秒数
      callback: 当整个动画执行完毕之后，会立即调用这个函数(回调函数)。
  2)、slideUp() slideDown()  animate / a1.html
    a,作用：通过改变元素的高度来实现显示或者隐藏
    b,用法：同show
  3)、fadeIn() fadeOut()  animate / a2.html
    a,作用：通过改变不透明度来实现显示或者隐藏
    b,用法：同show
  4)、自定义动画 animate animate / a3.html
    用法:
    animate(params,speed,[callback])
      params: 是一个javascript对象，描述了动画完成之后元素的样式。比如: {'left':'500px','top':'200px'}
      speed:速度，单位是毫秒
      callback:回调函数，也就是说，当整个动画执行完毕之后会执行。
  5)、动画队列问题
    a、一组元素上的动画效果。
      a)当在一个animate()方法中应用多个属性时，动画是同时发生的。
      b)当以链式的写法应用动画方法时，动画是按照顺序发生的。
    b、多组元素上的动画效果。
      a)默认情况下，动画都是同时发生的。
      b)当以回调的形式应用动画方式时，动画是按照回调顺序发生的。
    另外，在动画方法中，要注意其他非动画的方法会插队，例如css()方法，要使这些非动画的方法也按照顺序来执行，需要把这些方法写在动画方法的回调函数中。
    例子：
    $('#id').animate({left:'600px',top:'400px'},3000,function(){
      $(this).css('border','2px solid blue');
    });
    若想要动画停止，需要在animate()方法前插入stop()方法
      如:$("#id").stop().animate()注意stop中的两个参数。
    判断元素是否在动画状态的方法时：
      $(element).is(":animated");
3、类数组的操作  array/a1.html
  所谓类数组，指的是jQuery对象里面包含的所有的dom对象。可以利用jQuery对象提供的一些方法和属性来对这些dom对象进行遍历。
  1)属性
    length: 获得dom对象的个数。
  2)方法
    a, each(fn(i))：循环遍历每一个元素,
      i表示被迭代的对象的下标
      this代表被迭代的dom对象，
      $(this)代表被迭代的jquery对象。
    b,eq(index)：返回index位置处的jquery对象
    c,index(obj)：返回下标，其中obj可以是dom对象或者jquery对象。
    d,get()：返回dom对象组成的数组
    e,get(index)：返回index位置处的dom对象。

创新互联公司专注于企业网络营销推广、网站重做改版、庐山网站定制设计、自适应品牌网站建设、H5网站设计、商城建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为庐山等各大城市提供网站开发制作服务。

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前名称：jQuery——动画、类数组-创新互联
文章分享：https://www.cdcxhl.com/article2/docgic.html

成都网站建设公司_创新互联，为您提供响应式网站、手机网站建设、关键词优化、品牌网站建设、移动网站建设、商城网站

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联