×

slidetoggle

JQuery中常用的动画方法有哪些并简述他们的特点?在jQuery中显示和隐藏HTML元素的方法分别是什么

admin admin 发表于2022-06-28 17:12:35 浏览91 评论0

抢沙发发表评论

JQuery中常用的动画方法有哪些并简述他们的特点


animate()
对被选元素应用“自定义”的动画

clearQueue()
对被选元素移除所有排队的函数(仍未运行的)

delay()
对被选元素的所有排队函数(仍未运行)设置延迟

dequeue()
运行被选元素的下一个排队函数

fadeIn()
逐渐改变被选元素的不透明度,从隐藏到可见

fadeOut()
逐渐改变被选元素的不透明度,从可见到隐藏

fadeTo()
把被选元素逐渐改变至给定的不透明度

hide()
隐藏被选的元素

queue()
显示被选元素的排队函数

show()
显示被选的元素

slideDown()
通过调整高度来滑动显示被选元素

slideToggle()
对被选元素进行滑动隐藏和滑动显示的切换

slideUp()
通过调整高度来滑动隐藏被选元素

stop()
停止在被选元素上运行动画

toggle()
对被选元素进行隐藏和显示的切换

在jQuery中显示和隐藏HTML元素的方法分别是什么


显示:

$(’选择器’).show()

或者$(’选择器’).slideShow()


隐藏:

$(’选择器’).hide()

或者$(’选择器’).slideHide()


显示/隐藏 切换

$(’选择器’).toggle()

或者$(’选择器’).slideToggle()


jquery中有slideToggle toggle的方法 有没有跟他差不多的方法


很多方法都可以写成这样
1、fadeToggle

2、toggleClass
3、toggleGroup
其中fadeToggle和slideToggle差不多,都是消失和显示,不过一个是展开收起,一个是渐隐渐显,而toggleClass也可以做到这种效果,给添加的class设置隐藏或显示就好了,你可以自己试试!
-slidetoggle