jquery中toggle()方法的使用（隐藏与显示的切换）

最新推荐文章于 2024-07-11 15:03:45 发布

悲催的孩

最新推荐文章于 2024-07-11 15:03:45 发布

阅读量4.8k

点赞数 1

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/u014482758/article/details/40507077

版权

jquery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用方法：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>toggle()方法绑定多个函数</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<body>
    <h3>toggle()方法绑定多个函数</h3>
    <input id="btntest" type="button" value="点一下我" />
    <div>我是动态显示的</div>
    <script type="text/javascript">
        $(function () {
            $("#btntest").bind("click", function () {
                $("div").toggle();
            })
        });
    </script>
</body>
</html>

解析：

当第一次点击按钮时执行toggle()方法，将div隐藏（因为元素开始是显示的），

当第二次点击按钮时执行toggle()方法，将div显示。