精华内容
下载资源
问答
  • div的visibility属性可以控制div显示隐藏,但是隐藏后页面显示空白,仅限于隐藏内容,所在位置仍存在。      ②display属性可以使div隐藏后释放占用的页面空间...

    1.visibility与display之间的区别:
         ①div的visibility属性可以控制div的显示和隐藏,但是隐藏后页面显示空白,仅限于隐藏内容,所在位置仍存在。
         ②display属性可以使div隐藏后释放占用的页面空间。

    具体使用:<div class="photo-fj" id="local1" style="display:none" > //元素隐藏
    <div class="photo-fj" id="local1" style="display:block" > //元素显示

    <div class="photo-view" id="showpic2" style="visibility: hidden"> //元素隐藏
    <div class="photo-view" id="showpic2" style="visibility: visible"> //元素显示

    2.Jquery控制元素显示与隐藏

    1、$("#demo").attr("style","display:none;");//隐藏div
    
       $("#demo").attr("style","display:block;");//显示div
    
    2、$("#demo").css("display","none");//隐藏div
    
       $("#demo").css("display","block");//显示div
    
    3、$("#demo").hide();//隐藏div
    
       $("#demo").show();//显示div
    
    注:
    
    $("#demo").show()表示display:block, 
    $("#demo").hide()表示display:none; 
    

    3.JQuery判断元素的显示与隐藏状态

     $("#local1").is(":visible")  //是否显示,显示时为true
     $("#local1").is(":hidden")  //是否隐藏,隐藏时为true
    
    展开全文
  • 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 显示元素(默认值)

    展开全文
  • 【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负值,这个负值...

    隐藏div的几种常见方法

    • 1.display:none;
    • 2.visibility:hidden;
    • 3.background-color:transparent;或者设成与背景一样的颜色即可
    • 4.opacity来设置不透明级别,注意兼容性filter…
    • 5.给div一个margin负值,这个负值恰好等于div自身的高度或宽度
    • 6.设置两个大小一样的div,第一个左浮动,第二个不浮动,即可将第二个div隐藏
    • 7.设置一个父div和一个子div,子div绝对定位,父div相对定位,子div的left就是子div的宽度
    • 8.给父div1设置一个固定的宽度,给子div2设置的宽度远大于父div,
      并给父div1设置overflow:hidden,
      并给子div设置margin值即在父div1中没被隐藏的剩余宽度,代码如下:
    #div1{width:100px;height:200px;overflow:hidden;} 
    #div2{width:200px;height:200px;background:green;margin-left:100px;} 
    
    • 9.将div的宽度和高度设置为0

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

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

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

    style="display: none;"
    document.getElementById("typediv1").style.display="none";//隐藏
    document.getElementById("typediv1").style.display="";//显
    
    展开全文
  • 点击按钮(a标签隐藏显示div内容,切换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显示与隐藏

    千次阅读 2019-04-28 15:26:41
    有两个DIV,你不希望二者同时显示,页面加载后,A显示,B隐藏,当点击某个按钮或某个动作时,B显示,A隐藏,点击另一个按钮时,B隐藏,A显示。 var all=document.getElementById("table_A"); var...
  • div a标签隐藏/显示

    万次阅读 2017-01-03 10:17:02
    div/ a标签隐藏显示 jQuery display 隐藏后,原来位置被占掉 visibility 隐藏后,原来位置还在 $("#id").show()表示display:block,  $("#id").hide()表示display:none; $("#id").css('display','none'); ...
  • div 标签点击显示再点击隐藏

    千次阅读 2018-03-12 13:54:39
    jQuery 效果 - toggle() 方法&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript" src="/jquery/jquery.js"&gt;...$(document).ready(function
  • ajax控制div窗口显示隐藏

    热门讨论 2012-12-11 02:00:17
    ajax控制div窗口显示隐藏
  • HTML标签隐藏与显示方法汇总

    千次阅读 2021-01-10 15:44:01
    divcss float浮动用法(left right) Float常跟属性值left、right、none Float:none 不使用浮动 Float:left 靠左浮动 Float:right 靠右浮动 ------------------------------------------- div 显示与隐藏 visibility...
  • div/ a标签隐藏显示

    万次阅读 2018-09-28 11:53:00
    display 隐藏后,原来位置被占掉 visibility 隐藏后,原来位置还在   $("#id").show()表示display:block,  $("#id").hide()表示display:none; $("#id").css('display','none');  $("#id").css('...
  • 简单js控制div显示与隐藏

    万次阅读 2017-02-24 14:33:56
    这样的例子有很多;但是这个最简单最容易...1. div初始隐藏页面<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/
  • C#后台控制div进行隐藏与显示

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

    千次阅读 2018-11-01 19:31:53
    对于经常使用到的代码,在博客上备份一下,用到时,如果想不起来,直接copy过去。 最近在做项目的时候,经常卡在前段这... $('#select_condition_div').click(function(){//点击a标签 if($('#select_out_big_div...
  • 本实例中,学习jQuery的知识,显示与隐藏网页上的div或是span标签。 实际环境中,也许是根据某些条件进行,符合条件时,对某个或是某个div或是span标签时行显示与隐藏。主要是学习jQuery的函数与语法,在网页中放置...
  • // 加载页面的时候 隐藏div $(function(){ $("#carlist").hide(); $("#zzc").hide(); }) // 点击按钮的时候 显示div popBox=function(id){ // alert($(id).attr("data-id")); $("#carlist")....
  • https://www.cnblogs.com/findumars/archive/2013/05/24/3097614.html使用jquery真的很方便,比如要控制div显示与隐藏,一句话就搞定了,请看下面使用说明。$("#id").show()表示display:block, $("...
  • div/ a标签隐藏显示jQuerydisplay 隐藏后,原来位置被占掉visibility 隐藏后,原来位置还在$("#id").show()表示display:block, $("#id").hide()表示display:none;$("#id").css('...
  • &lt;input id="btnClick" type="button" value="原生写法" class="...div id="pop" class="centerDiv radius" style="width: 260px; height:
  • HTML标签隐藏与显示怎么实现?

    千次阅读 2019-07-26 01:08:39
    https://zhidao.baidu.com/question/617096367480716972.html style="display:none" 复制代码 <img src="XXXX1" id="img1" />(这是图标)<h2>XXXXXXX(标题)<...div id="test1" style="disp...
  • 显示隐藏Html元素(div等)

    千次阅读 2019-05-28 09:38:38
    div的visibility可以控制div显示隐藏,但是隐藏后页面显示空白:  style="visibility: none;"  document.getElementById("typediv1").style.visibility="hidden";//隐藏  document.getElementById(...
  • 主要分享一个Javascript点击其他任意地方隐藏关闭DIV实例,需要的朋友可以参考下。
  • 前端---div 显示与隐藏

    千次阅读 2015-09-30 10:51:11
    最近写项目用到DIV隐藏,...visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果: 具体步骤: 代码示例: ←SS属性为visibility:hidden的对象 ←SS属性
  • 使用JQUERY做的一个页面DIV动态隐藏 显示 点击+号图片后 DIV会自动隐藏 点击-号图片后 DIV会自动显示 隐藏DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态...
  • <button type="button" ...点击切换div隐藏与显示</button> <div id="div1">请叫我第一层</div> <div id="div2">请叫我第二层</div> JS: <script type='text/javascrip...
  • 登陆时显示隐藏层,登陆后隐藏在 asp.net不常用对div隐藏,而是将对象放到panel 中,然后在button中添加事件,如双击button,在事件中加代码
  • 单选框radio控制div显示隐藏

    千次阅读 2018-12-17 10:18:53
    $("#limit").css({"display":"none"}); $("input[type=radio][name='dateType']").change(function(){ var v = $(this).val(); if (v =="...#limit&quo
  • 关于显示隐藏DIV标签

    千次阅读 2014-12-26 16:01:31
    document.getElementById("DIV的ID").style.display="none";//隐藏 document.getElementById("DIV的ID").style.display="block";//显示

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 77,968
精华内容 31,187
关键字:

div标签隐藏与显示