好文档 - 专业文书写作范文服务资料分享网站

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的事件处理和动画效果

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

alert(event.which);//获取事件类型})5.2jQuery中的动画效果基本的动画效果指的是元素的隐藏和显示。在jQuery中提供了两种控制元素隐藏和显示的方法,一种是分别隐藏和显示匹配元素,另一种是切换元素的可见状态,也就是如果元素是可见的,切换为隐藏;如果元素是隐藏的,切换为可见的。5.2
推荐度:
点击下载文档文档为doc格式
11lmc4y7n7553973044s2xc786b4hd00ysm
领取福利

微信扫码领取福利

微信扫码分享