jquery之动画操作篇

Posted 2020-08-30

1.隐藏/显示（操作的是displag css属性）

hide() show() toggle()(显示和隐藏切换)

2.上卷/下拉 （设置的位置的height css属性）

slideDown() slideUp() slideToggel()(上卷和下拉切换)

3.淡入/淡出 （设置的是opacity css属性）

fadeOut() fadeIn() fadeToggle()(淡入淡出的切换)

fadeTo()可以淡出淡入到具体的opacity值 $.fadeTo(3000,0.2,function());

4.万能方法animate() 可以设置上面的所有效果，还能实现上面没有的效果。

总结：上面的1 2 3点中方法参数基本一样。例如：hide()无参 hide(3000);一个参数duration执行速度hide(3000,function(){}),两个参数 duration 和complete完成指定效果的回调函数。

5.常用的一些函数 each() get() index() trim() inArray()