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

来源:互联网 发布:中国盗版现状数据统计 编辑:程序博客网 时间:2024/06/10 03:38

使用方法:

<!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显示。

0 0
原创粉丝点击