zoukankan      html  css  js  c++  java
  • 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>
            

    截图:

     

  • 相关阅读:
    福建90后大学生陈贺的果园梦
    95后女孩穿旗袍走红,老手艺在淘宝迎来不一样的改变
    动态创建完整功能的图片元素
    jquery 插入dom
    它会选择相对于span的所有div父元素
    表单过滤器之checkbox
    匹配所有的最后一个子元素
    docker 常用指令
    splice操作
    当《连线》说“第一台值得买的智能电视终于出现”时,你信不信?
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/3611134.html
Copyright © 2011-2022 走看看