Comparison between jQuery’s display and hiding methods and css hidden styles_jquery

The difference between display:none and visible:hidden

Both display:none and visible:hidden can hide an element on the web page, but there is a difference between the two:

display:none ---Do not reserve the physical space for the hidden object, that is, the object completely disappears from the page. In layman's terms, it cannot be seen or touched.

visible:hidden--- makes the object invisible on the web page, but the space occupied by the object on the web page does not change. In layman's terms, it means that it cannot be seen but can be touched.

Example:

Copy code The code is as follows:

hidden areadisplay area

hidden areashow area

How to show and hide jQuery

Copy code The code is as follows:

< head>

Display and hide special effects of content in div

.Test example

.Test example

.Test example

.Test example

.Test example

.Test example

.Test example

.Test example

.Test example

.Test example