zoukankan      html  css  js  c++  java
  • div 隐藏

    <div class="form-group" style="display: none;">

    ==========================

    div的显示隐藏方法汇总

     

    JQuery DIV 动态隐藏和显示的方法

    1. 如果在载入是隐藏:

    复制代码
    <head>
    <script language="javascript">
    function HideWeekMonth()
    {
    $("#tt1").hide();
    $("#tt2").hide();
    }
    </script>
    </head>
    <body onLoad="HideWeekMonth()">
    </body> 
    复制代码

    使用jquery可以很容易实现显示隐藏的功能,比如要控制div的显示与隐藏,一句话就搞定了,请看下面使用说明。

    复制代码
    $("#id").show()表示display:block, 
    $("#id").hide()表示display:none;

    $("#demo").attr("style","display:none;");//隐藏div

    $("#demo").attr("style","display:block;");//显示div

    $("#demo").css("display","none");//隐藏div

    $("#demo").css("display","block");//显示div

    复制代码

    $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

    $("#id").css('display','none'); 
    $("#id").css('display','block'); 

    jquery判断元素是否隐藏的多种方法

    第一种:使用CSS属性

    var display =$('#id').css('display');
    if(display == 'none'){
       alert("被你发现了,我是隐藏的啦!");
    }

    第二种:使用jquery内置选择器

    假设我们页面有这么个标签,

    <div id="test">
    <p>仅仅是测试所用</p>
    </div>


    那么,我们可以用以下语句来判断id为"test"的标签是否隐藏:

     
    if($("#test").is(":hidden")){...} //前提是已经将jQuery的库导进来了


    这样,我们就能够很简单地判断一个元素是否隐藏,并根据其状态来设置动画,比如:

    if($("#test").is(":hidden")){
           $("#test").show();    //如果元素为隐藏,则将它显现
    }else{
          $("#test").hide();     //如果元素为显现,则将其隐藏
    }
     

    jQuery判断元素是否显示 是否隐藏


    var node=$('#id');


    第一种写法

     

    if(node.is(':hidden')){  //如果node是隐藏的则显示node元素,否则隐藏

      node.show(); 

    }else{

      node.hide();

    }


    第二种写法

     

    if(!node.is(':visible')){  //如果node是隐藏的则显示node元素,否则隐藏

      node.show(); 

    }else{

      node.hide();

    }

    if(node.is(':visible')){  //如果node是显示的则隐藏node元素,否则显示

      node.hide();

    }else{

      node.show();

    }

    jQuery判断对象是否显示或隐藏

    Js代码

     

    // jQuery("#tanchuBg").css("display")  
    // jQuery("#tanchuBg").is(":visible")  
    // jQuery("#tanchuBg").is(":hidden")  

    Js代码


    $(element).is(":visible") // Checks for display:[none|block], ignores visible:[true|false]  

    Js代码

     

    $('element:hidden')  
    $('element:visible')  

    Js代码


    $(".item").each(function()  
    {  
        if ($(this).css("visibility") == "hidden")  
        {  
            // handle non visible state  
        }  
        else  
        {  
            // handle visible state  
        }  
    })  

    Js代码


    ar isVisible = $('#myDiv').is(':visible');  
    var isHidden = $('#myDiv').is(':hidden');  

    Js代码


    if( $(this).css("display") == 'none' ){  
      
        /* your code here*/  
    }  
    else{  
      
        /*  alternate logic   */  
    }  
  • 相关阅读:
    ceph 高可用部署
    ceph安装
    openstack 命令
    ceph
    go test 怎么做测试
    govendor
    wrap 缓存。。。
    python中if __name__ == '__main__': 的解析
    pythton 字典的使用,字典的方法
    python 基础 如何让程序接收参数,最简单用sys.argv[]来获取
  • 原文地址:https://www.cnblogs.com/apolloren/p/12153720.html
Copyright © 2011-2022 走看看