本文主要介绍了slideUp()方法在jQuery中的用法，并结合实例分析了slideUp()方法的作用、定义和具体技巧，具有一定的参考价值，有需要的朋友可以参考一下。

本文描述了slideUp()方法在jQuery中的使用。分享给你，供你参考。具体分析如下：

这种方法通过改变高度(向上递减)来动态隐藏所有匹配的元素，隐藏后可以很容易地触发一个回调函数。

slideUp()方法只调整元素的高度，可以用“滑动”的方式隐藏匹配的元素。

一、语法结构：

这个方法可以指定动画效果的持续时间。如果没有指定时间，将使用默认值normal。例如：

如下复制代码：$('div ')。上滑(5000)

上面的代码可以设置动画效果在5000毫秒(5秒)内完成。

这个方法也可以在动画结束后触发一个回调函数。例如：

复制代码如下：(' div ')。slideup (5000，function () {alert('向下滑动以完成！')});

上面的代码可以在动画完成后触发回调函数，所以会弹出一个提示框。

二。示例代码：

复制代码如下：

！文档类型html

超文本标记语言

头

meta charset='utf-8 '

meta name=' author ' content=' https://www . jb51 . net/'/

头

style type='text/css '

部门{

背景：# 060；

宽度：300px

高度：300px

颜色：红色；

}

/风格

我们/标题

脚本类型=' text/JavaScript ' src=' mytest/jQuery/jQuery-1 . 8 . 3 . js '/script

脚本类型='文本/javascript '

$(文档)。ready(function(){

$('#up ')。单击(函数(){

$ ('div ')。slideup (5000，function () {alert('向下滑动以完成！')});

})

})

/脚本

/头

身体

分区/分区

Button id='up '单击向上滑动/button

/body

/html

在上面的代码中，点击按钮，div会慢慢拉起，完成后会弹出一个对话框。

希望这篇文章对大家的jQuery编程有所帮助。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。