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的事件处理和动画效果
5.2.2 显示匹配元素[共2页]



