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对象。
成都创新互联服务项目包括乐安网站建设、乐安网站制作、乐安网页制作以及乐安网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，乐安网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到乐安省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！
网站栏目：jQuery——动画、类数组
本文链接：http://shouzuofang.com/article/gijjep.html