如何通过jquery隐藏和显示元素

如题所述

1.隐藏元素 使用hide()方法,如下图:

2.显示隐藏的元素,使用show()方法,如下图:

温馨提示:答案为网友推荐,仅供参考
第1个回答  2016-04-24
用toggle()显示隐藏
1234567891011121314151617181920212223242526272829303132333435    <!DOCTYPE html><html lang="en"> <head>    <meta charset="UTF-8">    <title>Title</title>    <style>    body {        background: #242424;        color: green;        font-size: 20px;    }         #box {        width: 40%;        height: 200px;        background: green;    }    </style></head> <body>    <div id="box"></div>    <button>点击显示隐藏</button>    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>    <script>    $(function() {        $('button').click(function(argument) {            $('#box').toggle(500);        });    });    </script></body> </html>

相似回答
大家正在搜