JQuery的hide()和slideDown()/ slideUp()有什么区别?

时间:2011-08-25 08:47:35

标签: jquery hide slidedown slideup

似乎在调用两个结果后都是一样的。

7 个答案:

答案 0 :(得分:7)

show / hide方法为宽度,高度和不透明度设置动画,而slideUp / sideDown仅为高度设置动画效果。

show / hide的默认持续时间为零,因此如果您未指定duartion,它将立即显示/隐藏该元素。

如果您没有看到这些方法之间存在任何差异,那么它们很可能无法使用您应用它们的元素。一个常见的原因是您在Internet Explorer中进行测试,并且该元素没有布局标志。例如,如果您尝试为表格单元格设置动画,则动画在该元素上执行的样式更改将不适用,您将看到该元素已显示/隐藏。

答案 1 :(得分:4)

slideDown()slideUp()动画隐藏/显示。

答案 2 :(得分:3)

jQuery的hide方法只会将display: none应用于所选元素,除非提供持续时间 - 然后它将设置动画。幻灯片方法是效果队列的成员,它们将以滑动方式隐藏/显示元素。

答案 3 :(得分:2)

hide()立刻隐藏了div。

slidetoggle(), slidedown() & slideup()对某些动画效果执行相同操作。这些功能有一些滑动效果。这就是区别。

别无其他。

希望这有帮助。

答案 4 :(得分:2)

hide()只需设置display: none CSS属性,除非您指定持续时间。如果你这样做,它就会淡出。

slideUp()始终是动画。

同样适用于show()slideDown()

答案 5 :(得分:1)

hide()和slideup()/ slidedown()之间唯一的差异就是动画。向上/向下滑动将简单地滑动并隐藏将隐藏。这两种方法可以与持续时间/缓动选项一起使用。了解更多信息http://api.jquery.com/hide/http://api.jquery.com/slideUp/

答案 6 :(得分:0)

hide()表示将减小height,width和opacity属性值,直到height = 0,width = 0和opacity = 0和(如果该值不为零,则padding和margin是可选的,然后还将其值减小为零)

slideUp()表示减小属性值,直到高度,边距顶部,边距底部,边距顶部和边距底部这些属性为零为止

slideDown()与slideUp()相反,它将增加值,直到在源代码中实际定义为止。