JQ 动画基础语法

338 阅读1分钟

一.show和hide

1.show()

1.概述

显示隐藏的匹配元素。

2.参数

show([speed,[easing],[fn]])

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒(如:1000)

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

fn:在动画完成时执行的函数,每个元素执行一次。

3.实例

<p style="display: none">Hello</p>
$('p').show()

2.hide()

1.概述

隐藏显示的匹配元素。

2.参数

hide([speed,[easing],[fn]])

speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒(如:1000)

easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

fn:在动画完成时执行的函数,每个元素执行一次。

3.实例

//隐藏所有的p
$("p").hide()
//用600毫秒时间隐藏p
$("p").hide(600)