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对象。

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

 建站
建站
 咨询
咨询 售后
售后
 建站咨询
建站咨询 
 