JQuery常用的几种显示隐藏的方法

来源：互联网发布：民生银行网络金融部编辑：程序博客网时间：2024/06/05 00:11

1、JQuery使用 hide() 和 show() 方法来隐藏和显示 HTML 元素；语法：$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度，可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

2、JQuery使用 fadeIn() 和 fadeOut() 方法来淡入和淡出 HTML 元素；下面是fadeIn()和fadeOut()这两个方法，它产生的动画效果是改变对象透明度的来实现的，通俗点就是淡入淡出效果。fadeIn()是淡入，fadeOut()是淡出。fadeIn() 用于淡入已隐藏的元素。语法：$(selector).fadeIn(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是 fading 完成后所执行的函数名称。fadeOut() 方法用于淡出可见元素。语法：$(selector).fadeOut(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是 fading 完成后所执行的函数名称。

3、JQuery使用 slideDown() 和 slideUp() 方法来向下滑动元素和向上滑动元素；和show()和hide()的效果类似就不多说了，看方法：slideDown() 方法用于向下滑动元素。语法：$(selector).slideDown(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。slideUp() 方法用于向上滑动元素。语法：$(selector).slideUp(speed,callback);可选的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。可选的 callback 参数是滑动完成后所执行的函数名称。

0 0