On the difference between hide and fadeout in jquery the difference between show and Fadein _jquery

What is the difference between hide and fadeout display effects? Show and Fadein have the same effect?

Many friends encounter this problem when they study jquery, and hide and fadeout can all have parameters:

$ (selector). Hide (Speed,callback);
$ (selector). fadeout (Speed,callback);

First, we can see from the name of hide is hidden and fadeout is fading out, of course, the name can not see the specific differences, can only reflect that they are different. But when we set the parameter speed a little longer we can see the difference. And the effect of the implementation of the show is similar, so it is mistaken for the same, but it is not.

Let's write the following code:

 <! DOCTYPE html>
 

Okay, now we can test it out, how about the difference at a glance.

Yes,hide hides the effect is from bottom to top or from bottom right to left to shrink slowly, and fadeout fade effect is overall fade until disappear. Okay, now we can test it out, how about the difference at a glance.

Same way show and Fadein is also such a difference, we have to change the code to try it.

The above article on the difference between hide and fadeout in jquery Show and Fadein difference is small series to share all the content, hope to give you a reference, also hope that we support cloud habitat community.