jQuery复合事件结合toggle()方法的用法示例


Posted in jQuery onJune 10, 2017

本文实例讲述了jQuery复合事件结合toggle()方法的用法。分享给大家供大家参考,具体如下:

定义和用法

toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

语法:

$(selector).toggle(function1(),function2(),functionN(),...)
当指定元素被点击时,在两个或多个函数之间轮流切换。

与方法hide()show()绑定使用,可实现折叠效果;

具体事例:

<script type="text/javascript" src="js/jquery.js "></script>
<script type="text/javascript">
 $(function(){
    $("#dt1").toggle(
      function(){$("#div1").show();},
      function(){$("#div1").hide();}
    );
   })
</script>
<dl>
  <dt id="dt1">新闻管理</dt>
  <div id="div1">
  <dd>发布新闻</dd>
  <dd>新闻列表</dd>
  <dd>回收站</dd>
  </div>
</dl>

PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考:

javascript事件与功能说明大全:
http://tools.3water.com/table/javascript_event

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
基于jquery实现多级菜单效果
Jul 25 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
使用jQuery 操作table 完成单元格合并的实例
Dec 27 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
jQuery+Datatables实现表格批量删除功能【推荐】
Oct 24 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
jquery实现聊天机器人
Feb 08 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery实现可以计算进制转换的计算器
Oct 19 jQuery
jQuery复合事件用法示例
Jun 10 #jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 #jQuery
jQuery正则验证注册页面经典实例
Jun 10 #jQuery
JQuery form表单提交前验证单选框是否选中、删除记录时验证经验总结(整理)
Jun 09 #jQuery
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 #jQuery
jQuery为某个div加入行样式
Jun 09 #jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 #jQuery
You might like
PHP分页显示制作详细讲解
2006/10/09 PHP
php中fsockopen用法实例
2015/01/05 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
CI框架数据库查询缓存优化的方法
2016/11/21 PHP
让GoogleCode的SVN下的HTML文件在FireFox下正常显示.
2009/05/25 Javascript
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
JavaScript数组的定义及数字操作技巧
2016/06/06 Javascript
JavaScript实现url参数转成json形式
2016/09/25 Javascript
JS路由跳转的简单实现代码
2017/09/21 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
JS多个表单数据提交下的serialize()应用实例分析
2019/08/27 Javascript
解决vuecli3中img src 的引入问题
2020/08/04 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
2020/11/16 Javascript
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
Python中函数的参数定义和可变参数用法实例分析
2015/06/04 Python
python 解压pkl文件的方法
2018/10/25 Python
Python中字符串String的基本内置函数与过滤字符模块函数的基本用法
2019/05/27 Python
Python Pandas 箱线图的实现
2019/07/23 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
解决Jupyter因卸载重装导致的问题修复
2020/04/10 Python
python中adb有什么功能
2020/06/07 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
党员违纪检讨书
2014/02/18 职场文书
活动总结报告范文
2014/05/04 职场文书
文明之星事迹材料
2014/05/09 职场文书
煤矿安全承诺书
2014/05/22 职场文书
爱护公共设施演讲稿
2014/09/13 职场文书
劳动者解除劳动合同通知书
2015/04/16 职场文书
走进科学观后感
2015/06/18 职场文书
学雷锋感言
2015/08/03 职场文书
python实现图片九宫格分割的示例
2021/04/25 Python
Nginx中使用Lua脚本与图片的缩略图处理的实现
2022/03/18 Servers
Nginx开源可视化配置工具NginxConfig使用教程
2022/06/21 Servers
Mysql数据库group by原理详解
2022/07/07 MySQL