一.隐藏和显示

1.语法

$(selector).hide(speed,callback); // 隐藏
$(selector).show(speed,callback); // 显示
$(selector).toggle(speed,callback); // 切换hide和show

2.参数

• speed :规定隐藏/显示的速度，可取 slow、 fast 或毫秒
• callback :是隐藏或显示完成后所执行的函数名称

二. 淡入淡出

1.语法

$(selector).fadeIn(speed,callback); // 淡入
$(selector).fadeOut(speed,callback); // 淡出
$(selector).fadeToggle(speed,callback); // 切换fadeIn和fadeOut
$(selector).fadeTo(speed,opacity,callback); // 渐变为给定的不透明度

2.参数

• speed :规定淡入/淡出的速度，可取 slow、 fast 或毫秒
• callback :是淡入或淡出完成后所执行的函数名称
• opacity :淡入淡出效果设置为给定的不透明度

三.滑动

1.语法

$(selector).slideDown(speed,callback); // 向下滑动
$(selector).slideUp(speed,callback); // 向上滑动
$(selector).slideToggle(speed,callback); // 切换slideDown和slideUp

2.参数

• speed :规定滑动的速度，可取 slow、 fast 或毫秒
• callback :是滑动完成后所执行的函数名称

四.动画

1.语法

$(selector).animate({params},speed,callback); // 动画
$(selector).stop(stopAll,goToEnd); // 停止动画

2.参数

• stopAll :是否应该清除动画队列，默认是 false
• goToEnd :是否立即完成当前动画，默认是 false

五.链

1.语法

$(selector).func1().func2().func3(); // 以 `.` 的形式链接

参考资料：https://www.runoob.com/jquery/jquery-tutorial.html