                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

show(),slideDown();hide(),slideUp();toggle(),slideToggle()这六种方法的区别？

如题所示，显示和向下显示，隐藏和向上隐藏，切换显示和隐藏同切换向下显示和向上隐藏，这之间的区别是什么？

oldwan

2016-05-19

源自：jQuery基础课程 7-5

关注问题我要回答

672

操作

收起

3 回答

一只特立独行的doge
2016-06-15

个人理解是toggle方法其实就是前面两种方法的结合，toggle对应show和hide，slideToggle对应slideUp和slideDown，然后show和slideUp的差别就和楼上面哥们所说的一样，存在的是样式细节上的差异。其实不光这些方法有toggle类型，jq里面的css类的添加和删除也有，toggleClass对应的就是addClass和removeClass来执行删除或者添加class类。。。。（新手个人理解，如果回答有错，麻烦在圈我一下，谢谢了。）

0 回复有任何疑惑可以回复我~

终结者2号
2016-05-24

滑动的方式不明显但不能说没区别，可在www.runoob.com中看看效果。

0 回复有任何疑惑可以回复我~

终结者2号
2016-05-19

show()方法只是显示出隐藏的元素；

hide() 方法只是隐藏可见的元素；

toggle() 方法切换元素的可见状态，

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素；

slideDown()方法以滑动方式显示隐藏的元素；

slideUp()方法以滑动方式隐藏的元素；

slideToggle()方法通过使用滑动效果，在显示和隐藏状态之间切换元素。

3 回复有任何疑惑可以回复我~

#1

oldwan 提问者

感觉show和slideDown的方法效果没差呀？

2016-05-19 回复有任何疑惑可以回复我~

#2

小白的黑色幽默回复 oldwan 提问者

可以把speed设置大一点，效果是有区别的。show方法的透明度也是渐变的。而slideDown的透明度不会渐变

2016-06-03 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

show(),slideDown();hide(),slideUp();toggle(),slideToggle()这六种方法的区别？

我要回答关注问题

意见反馈帮助中心 APP下载