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..
|
18天前
|
JavaScript 前端开发 UED
jQuery动画特效
jQuery动画特效
N..
18 1
|
18天前
|
JavaScript
jquery动画与事件案例
jquery动画与事件案例
13 0
|
18天前
|
机器学习/深度学习 JavaScript
|
9月前
|
JavaScript
jQuery 显示隐藏动画 show(); hide(); toggle();
jQuery 显示隐藏动画 show(); hide(); toggle();
47 0
|
9月前
|
JavaScript
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
jQuery 滑入滑出动画 slideDown(); slideUp(); slideToggle();
53 0
|
9月前
|
JavaScript
jQuery 自定义动画 animate(详细步骤)
jQuery 自定义动画 animate(详细步骤)
61 0
|
9月前
|
JavaScript
jQuery stop() 停止动画(详细使用)
jQuery stop() 停止动画(详细使用)
48 0
|
9月前
|
JavaScript
jQuery fullpage.js 全屏分页以及动画使用
jQuery fullpage.js 全屏分页以及动画使用
43 0
|
9月前
|
JavaScript
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
50 0
jQuery 淡入淡出动画 fadeIn(); fadeOut(); fadeToggle(); fadeTo();
|
18天前
|
JavaScript 前端开发
jquery酷炫的马赛克图片还原动画代码
jquery酷炫的马赛克图片还原动画代码,jquery马赛克图片动画,js酷炫图片代码,马赛克图片js还原效果,js图片分散汇聚效果素材
54 1