精华内容
下载资源
问答
  • DIV显示与隐藏属性设置

    万次阅读 2019-05-13 21:41:23
    $("#div").attr("style","display:block"); $("#div").attr("style","display:none"); $("#div").show(); $(".div")[0].style.display = 'none'; $(".div")[0].style....visibility隐藏的对象还保留对象显示时所...
    $("#div").attr("style","display:block");
    $("#div").attr("style","display:none");
    $("#div").show();
    $(".div")[0].style.display = 'none'; 
    $(".div")[0].style.display = 'block';
    

    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。

    <div style="border:1px solid #000;background:#eee">
    
    <span style="width:200;height:200;visibility:hidden"></span>
    
    ←SS属性为visibility:hidden的对象
    
    </div><br>
    
    <div style="border:1px solid #000;background:#666">
    
    <span style="width:200;height:200;display:none"></span>
    
    ←SS属性为display:none的对象
    
    </div>
    
    

    用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。

    display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline

    none 隐藏元素,不保留元素显示时的空间。

    block块方式显示元素

    inline 以内嵌方式显示元素。

    inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。

    list-item 将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)

    table-header-group 将元素作为表格标题组显示,相当于tHead元素。

    table-footer-group 将元素作为表格脚注组显示,相当于tFoot元素。

    visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:

    inherit 继承父元素的visibility属性设置。

    hidden 隐藏元素,但保留其所占空间。

    visible 显示元素(默认值)

    展开全文
  • div 隐藏显示

    万次阅读 2019-04-14 09:02:10
    div 隐藏显示

    首先给大家分享一个巨牛巨牛的人工智能教程,是我无意中发现的。教程不仅零基础,通俗易懂,而且非常风趣幽默,还时不时有内涵段子,像看小说一样,哈哈~我正在学习中,觉得太牛了,所以分享给大家!点这里可以跳转到教程

                   

    <html>
    <title>index</title>
    <head>
    <script> 

    </script>

    </head>
    <body >
    <a href="#" onclick="document.getElementById('oDiv').style.display='block'">click</a>
    <div id="oDiv" style="display:none"> this is a herf</div>
    </body>
    </html>

    比较简单的实现.style.display就是控制层隐藏或显示的属性.<html><body><script>function show(){document.getElementById("div").style.display="";//alert(document.getElementById("div").style.display)}function hidden(){document.getElementById("div").style.display="none";//alert(document.getElementById("div").style.display)}</script><BODY><input name="name" type="button" onClick="show();" value="显示"><div id="div" style="display: none" onMouseout="hidden();">show it</div></BODY></HTML> 


    div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白

    style="visibility: none;"

    document.getElementById("typediv1").style.visibility="hidden";//隐藏

    document.getElementById("typediv1").style.visibility="visible";//显示


    通过设置display属性可以使div隐藏后释放占用的页面空间,如下

    style="display: none;"

    document.getElementById("typediv1").style.display="none";//隐藏

    document.getElementById("typediv1").style.display="";//显示

    如果用div.style.display="none"隐藏会引起,div里面的东西休眠,里面的事件就不响应了。

               

    浏览人工智能教程

    展开全文
  • div显示与隐藏属性设置

    千次阅读 2018-12-18 16:20:09
    $("#stages1").attr("style","display:block;"); $("#stages1").attr("style","display:none;"); $("#origin").show();...$(".tareWeightData")[0].style.display = 'none';...$(".grossWeightData")[0].styl...
    $("#stages1").attr("style","display:block;");
    
    
    $("#stages1").attr("style","display:none;");
    
    
    $("#origin").show();
    
     
    $(".tareWeightData")[0].style.display = 'none'; 
    
    
    $(".grossWeightData")[0].style.display = 'block';
    

     

     

     

     

    展开全文
  • div 隐藏显示方式

    千次阅读 热门讨论 2016-07-08 17:58:08
    在js中可以使用两种方式控制div显示隐藏,都能够实现显示隐藏,但是又有所不同; 一.方式1:隐藏后仍占有页面空间,显示空白  div的visibility可以控制div显示隐藏,但是隐藏后页面显示空白  style=...

        

        在js中可以使用两种方式控制div的显示和隐藏,都能够实现显示和隐藏,但是又有所不同;


    一.方式1:隐藏后仍占有页面空间,显示空白

        div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白
        style="visibility: none;"      //在Div中设置style属性

        document.getElementById("typediv1").style.visibility="hidden";//隐藏
        document.getElementById("typediv1").style.visibility="visible";//显示


    二.方式2:隐藏后释放占用的页面空间

        通过设置display属性可以使div隐藏后释放占用的页面空间,如下

        style="display: none;"         //在Div中设置style属性

        document.getElementById("typediv1").style.display="none";//隐藏
        document.getElementById("typediv1").style.display="";//显示



        PS:进行了显示和隐藏之后,我们同样需要采用不同的方式来解决,因为Div的显示和隐藏而造成的样式的变化;


    展开全文
  • 使用js代码实现div层的显示与隐藏,主要是radio的属性
  • div隐藏显示

    千次阅读 2013-03-07 13:32:34
    写一段JS代码,来改变div的display属性为'none',要显示就为空 function show(){ document.getElementById("div").style.display=""; //alert(document.getElementById("div").style.display) } function hidden(){ ...
  • 1.visibilitydisplay之间的区别: &nbsp;&nbsp;&nbsp;&nbsp;&...①div的visibility属性可以控制div...②display属性可以使div隐藏后释放占用的页面空间。 具体使用: ①&lt;div class="p...
  • 显示隐藏div //显示背景 document.getElementById( 'adContainer' ).style.backgroundColor = "" ; //隐藏背景 document.getElementById( 'adContainer' ).style.backgroundColor = "none" ;
  • html_div显示与隐藏相关内容

    千次阅读 2018-07-20 10:18:47
    HTML 显示/隐藏DIV的技巧(visibilitydisplay的差别) div的visibility可以控制div显示隐藏,但是隐藏后页面显示空白:  style=&quot;visibility: none;&quot;  document.getElementById(&quot;...
  • div 显示与隐藏

    千次阅读 2009-12-18 17:29:00
    可以保存下面的代码看看效果:具体步骤:代码示例:←SS属性为visibility:hidden的对象←SS属性为display:none的对象 特别提示 用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。
  • div设置显示与隐藏、边框等

    千次阅读 2014-04-30 16:24:37
    1.div 设置隐藏后页面占位/不占位 可直接在页面上做,如下 [code="html"] 隐藏不占位 隐藏占位 visibility:hidden/visible 设置为隐藏/显示(始终占位) display:none/block 设置为隐藏(不占位)/...
  • 前端---div 显示与隐藏

    千次阅读 2015-09-30 10:51:11
    最近写项目用到DIV隐藏,以下引用http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果: 具体...
  • ZK 通过checkbox 控制div显示与隐藏

    千次阅读 2018-12-27 14:55:41
    通过点击checkbox 动态显示下面div显示与隐藏   html的代码 &lt;input type="checkbox" id="check"/&gt; &lt;div class="form-group" id="tbox" ...
  • div显示与隐藏

    2009-06-02 15:06:33
    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果: 具体步骤: 代码示例: ←SS属性为visibility:hidden的对象 ←SS属性为display:non...
  • C#后台控制div进行隐藏与显示

    千次阅读 2019-04-26 10:01:20
    //xxxw.Disabled = false; xxxw.Style.Add("display", "none"); 需要在前台界面将元素转化为服务器控件
  • js控制div属性隐藏方法

    万次阅读 2019-02-22 09:54:04
    原文详解:js控制div属性隐藏方法 原文连接:http://licocom.com/archives/884 如题:编写html时如何用js控制div显示隐藏。 假定页面展示内容如下:下div里面是我们要展示的东西, &amp;amp;amp;amp;amp;amp...
  • 【HTML】div显示与隐藏相关内容

    千次阅读 2019-03-16 16:29:32
    隐藏div的几种常见方法 1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成背景一样的颜色即可 4.opacity来设置不透明级别,注意兼容性filter… 5.给div一个margin负值,这个负值...
  • */ * Copyright (c) 2016,烟台大学计算机控制工程学院 * All rights reserved. ... * 作者:常轩 * 微信公众号:Worldhello * 完成日期:2016年11月1日 ...--JavaScript中的隐藏与显示(display)
  • JS jQuery显示隐藏div的几种方法

    万次阅读 多人点赞 2018-09-18 11:14:17
    &...通过设置display属性可以使div隐藏后释放占用的页面空间. style="display: none;" document.getElementById("demo").style.display="none";//隐藏 document.ge
  •  让div隐藏:$("#divId").hide();  让div显示:$("divId").show();  让div随着鼠标走,需要知道几个关键点。  如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。  var xx = e.originalEvent.x || e...
  • 本文总结了控制style、控制CSS、JQuery自带方法等几种显示、隐藏div的方法例子给元素换class,来实现隐藏div给元素设置style属性通过jquery的css方法,设置div隐藏通过jquery的show()、hide()方法,设置div隐藏代码 ...
  • CSS之隐藏Div属性

    千次阅读 2018-12-25 17:56:38
    1.占据空间隐藏,看到的是空白 style="visibility: hidden;"//隐藏 style="visibility: visible;"//显示 2.不占空间隐藏  style="display: none;"//隐藏 style="display: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 102,832
精华内容 41,132
关键字:

div隐藏与显示属性