• jQuery:show()方法


    show()方法是jQuery的方法,功能是显示元素,参数是时间,单位是毫秒,例如:

    Html:

    <div class="one" id="one">
            id为one,class为one的div
            <div class="mini">class为mini</div>
        </div>
        <div class="one" id="two" title="test">
            id为two,class为one,title为test的div
            <div class="mini" title="other">class为mini,title为other</div>
            <div class="mini" title="test">class为mini,title为test</div>
        </div>
        <div class="one">
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini"></div>
        </div>
        <div class="one">
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini" title="test">class为mini,title为test</div>
        </div>
        <div style="display:none" class="none">
            style的display为"none"的div
        </div>
        <div class="hide">class为"hide"的div</div>
        <div>
            包含input的type为"hidden"的div<input type="hidden" size="8"/>
        </div>
        <span id="mover">正在执行动画的span元素</span>
    View Code

     CSS:

    div,span,p{
        width:140px;
        height:140px;
        margin:5px;
        background:#aaa;
        border:#000 1px solid;
        float:left;
        font-size:17px;
        font-family:Verdana, Geneva, Tahoma, sans-serif, 宋体;
    }
    div.mini{
        width:55px;
        height:55px;
        background-color:#aaa;
        font-size:12px;
    }
    div.hide{
        display:none;
    }
    View Code

    js:

    <script type="text/javascript" src="jquery-1.11.0.js/jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                $("div:hidden").css("background","#bbffaa");
                $("div:hidden").show(3000);
        });
    </script>
            

    截图:

     

  • 相关阅读:
    linux tar.gz zip 解压缩 压缩命令
    VC中获取窗体句柄的各种方法
    CodeForces 377B---Preparing for the Contest(二分+贪心)
    Response.Write具体介绍
    Linux实现字符设备驱动的基础步骤
    Android Bundle类
    Otacle表查询
    android该系统的应用API选择演示版本
    微机原理(2)8086
    大话设计の创建模式
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/3611134.html
Copyright © 2020-2023  润新知