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

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 参数是滑动完成后所执行的函数名称。