JQuery动画的显示和隐藏

简介: JQuery动画的显示和隐藏

1、hide():可以使用hide()方法来隐藏html元素

$(#hide").click(function({$('p').hide();})

2、show():可以使用show方法来显示html元素

$(#show").click(function0{$(' p').show(;})

3、toogle():可以使用toogle()方法切换hide()和show()方法

显示被隐藏的元素,并隐藏已显示的元素

$(selector).toggle(speed,callback);

可选的speed参数规定效果的时长:可以取"slow"、 "fast" 或亳秒

可选的callback参数是动画完成后所执行的函数名称

相关文章
N..
|
6月前
|
JavaScript 前端开发 UED
jQuery动画特效
jQuery动画特效
N..
71 1
|
6月前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
|
6月前
|
机器学习/深度学习 JavaScript
|
26天前
|
JavaScript 前端开发 UED
jQuery 动画
【10月更文挑战第8天】
108 55
|
5月前
|
移动开发 JavaScript 前端开发
老程序员分享:jQuery笔记(四)jQuery中的动画
老程序员分享:jQuery笔记(四)jQuery中的动画
48 0
|
2月前
|
JavaScript
jQuery 停止动画
jQuery 停止动画
17 4
|
2月前
|
缓存 JavaScript 前端开发
jQuery 效果- 动画
jQuery 效果- 动画
26 4
|
2月前
|
JavaScript 前端开发
jQuery 效果- 动画
jQuery 效果- 动画
41 11
|
2月前
|
JavaScript
jQuery 停止动画
jQuery 停止动画
25 11
|
3月前
|
JavaScript 前端开发
如何在Vue2.X/Vue3.X项目引入jQuery,以及增加jQuery.easing扩展?让你的动画效果更加丝滑!
如何在Vue 2或Vue 3项目中引入jQuery及其动画扩展库jQuery.easing,以实现更丰富的动画效果。
177 0
如何在Vue2.X/Vue3.X项目引入jQuery,以及增加jQuery.easing扩展?让你的动画效果更加丝滑!