JQ的一些简单效果01

开发工具与关键技术：VS,JQ
作者：刘任锋
撰写时间：2021年5月28日

01.jQuery 效果 - 隐藏和显示

jQuery hide() 隐藏和jQuery show()显示;

Html:

ID #all这个块是黑边包裹的块，
ID #ook是绿色的块，
其中#all包裹着绿色的#ook；

Js:

首先将ID #ook的值赋值为over；再将它的值赋值为true，然后写点击事件和判断；
效果图
点击黑边圈住部分，绿色的块将隐藏；

再次点级黑边圈住部分，绿色的块将显示；

02.jQuery 效果 - 淡入淡出

jQuery Fading();
jQuery fadeOut() 方法用于淡出可见元素。
jQuery fadeIn() 用于淡入已隐藏的元素。

Html：

js:

隐藏和显示的速度为Slow；
效果图：

点击淡入时，蓝色块隐藏。

点击淡出时，蓝色块显示。