jq基础-显示隐藏

130 阅读1分钟
        div{display:none;width: 200px;height: 200px;border: 1px solid red;}
    </style>
</head>
<body>
    <div></div>
    <button class="a">显示</button>
    <button class="b">隐藏</button>
    <script src="./jquery-1.12.4.js"></script>
  
        // $('.a').click(function(){
        //     show()
        // })
        // function show(){
        //     /* fast normal slow  */
        //     $('div').show('normal',hide)
        // }
        // function hide(){
        //     $('div').hide('normal',show)
        // }
        // $('.b').click(function(){
        //     $('div').hide('fast',function(){
        //         alert('隐藏成功')
        //     })
        // })

        /* 点击按钮 , 实现div的 慢慢的显示和隐藏 */
        /* 点击按钮 , 实现div的 快快的透明和显示完全 */
        /* 点击按钮 , 实现div的 匀速的拉伸和缩小 */
    </script>