JQuery的toggle函数(元素隐藏和显示的切换)

来源:互联网 发布:wps for linux 编辑:程序博客网 时间:2024/05/17 08:07
用法:
对象.toggle();


例子:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>New Web Project</title>
        <script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script>
        <script type="text/javascript">
        $(function(){
        $('#btn').click(function(){
        $('#div1').toggle();
        });
        });
       
       
        </script>
    </head>
    <body>
       <div id="div1">这是一个div</div>
        <input type="button"  id="btn" value="按下" />
    </body>
</html>