Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "how jquery makes div not take up space and hide". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Jquery lets div not occupy a place to hide the method: 1, use "$(" div "). Css ('display','none');" statement; 2, use "$(" div "). Hide ();" statement; 3, use "$(" div "). Toggle ();" statement.

The operating environment of this tutorial: windows7 system, jquery1.10.2 version, Dell G3 computer.

Jquery lets div hide without occupying a place.

If you want to hide div without placeholder, you will think of setting the display:none style for div.

Display:none can hide the element without occupying space, so dynamically changing this attribute will cause rearrangement (change the page layout), which can be understood as deleting the element from the page; it will not be inherited by descendants, but its descendants will not show, after all, they are all hidden together.

So how do you use jquery to style div with display:none? Here is an introduction to you:

Method 1: use css () to add display:none style

$("div") .css ('display','none')

Example:

$(document) .ready (function () {$("button") .click (function () {$("div"). Css ('display',' none');}) Hello

Click the button to hide the div without occupying the space.

Method 2: use the hide () method

("div") .hide ()

The hide () method hides elements by adding display:none styles to them

Method 3: use the toggle () method

("div") .toggle ()

Toggle (method checks the visible state of the selected element. If an element is hidden, run show () to hide the element, and if an element is visible, run hide () to display the element-which has a switching effect.

This is the end of the content of "how to hide jquery so that div does not occupy space". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.