5.2.2 显示匹配元素[共2页]

alert(event.which); // 获取事件类型 })

5.2 jQuery中的动画效果

基本的动画效果指的是元素的隐藏和显示。在jQuery中提供了两种控制元素隐藏和显示的方法，一种是分别隐藏和显示匹配元素，另一种是切换元素的可见状态，也就是如果元素是可见的，切换为隐藏；如果元素是隐藏的，切换为可见的。

5.2.1 隐藏匹配元素

使用hide()方法可以隐藏匹配的元素。hide()方法相当于将元素CSS样式属性display的值设置为none，它会记住原来的display的值。hide()方法有两种语法格式，一种是不带参数的形式，用于实现不带任何效果的隐藏匹配元素，其语法格式如下：

hide()

例如，要隐藏页面中的全部图片，可以使用下面的代码：

$(\

另一种是带参数的形式，用于以优雅的动画隐藏所有匹配的元素，并在隐藏完成后可选地触发一个回调函数，其语法格式如下：

hide(speed,[callback])

?? speed：用于指定动画的时长。可以是数字，也就是元素经过多少毫秒（1000毫秒=1秒）后完全隐藏。也可以是默认参数slow（600毫秒）、normal（400毫秒）和fast（200毫秒）。

?? callback：可选参数，用于指定隐藏完成后要触发的回调函数。

例如，要在300毫秒内隐藏页面中的id为ad的元素，可以使用下面的代码： $(\

jQuery的任何动画效果，都可以使用默认的3个参数，slow（600毫秒）、normal（400毫秒）和fast(200毫秒)。在使用默认参数时需要加引号，例如，show(\ 使用自定义参数时，不需要加引号，例如show(300)。

5.2.2 显示匹配元素

使用show()方法可以显示匹配的元素。show()方法相当于将元素CSS样式属性display的值设置为block或inline或除了none以外的值，它会恢复为应用display：none之前的可见属性。show()方法有两种语法格式，一种是不带参数的形式，用于实现不带任何效果的显示匹配元素，其语法格式如下：

show()

例如，要隐藏页面中的全部图片，可以使用下面的代码：

$(\

另一种是带参数的形式，用于以优雅的动画显示所有匹配的元素，并在显示完成后可选择地触发一个回调函数，其语法格式如下：

show(speed,[callback])

97 第

5章

jQuer中y的事件处理和动画效果