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 EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
jQuery ajax动态生成table功能示例
Jun 14 jQuery
jQuery接受后台传递的List的实例详解
Aug 02 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery动态操作表单示例【基于table表格】
Dec 06 jQuery
JQuery特殊效果和链式调用操作示例
May 13 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
JQuery常用简单动画操作方法回顾与总结
Dec 07 jQuery
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
jQuery实现简单飞机大战
Jul 05 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
thinkPHP的Html模板标签使用方法
2012/11/13 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
PHP递归遍历指定目录的文件并统计文件数量的方法
2015/03/24 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
PHP开发制作一个简单的活动日程表Calendar
2016/06/20 PHP
php提交表单时保留多个空格及换行的文本样式的方法
2017/06/20 PHP
PHP生成短网址的思路以及实现方法的详解
2019/03/25 PHP
JavaScript 面向对象的 私有成员和公开成员
2010/05/13 Javascript
基于jquery实现的上传图片及图片大小验证、图片预览效果代码
2011/04/12 Javascript
js显示时间 js显示最后修改时间
2013/01/02 Javascript
jQuery使用一个按钮控制图片的伸缩实现思路
2013/04/19 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
js简单判断移动端系统的方法
2016/02/25 Javascript
JavaScript的ExtJS框架中数面板TreePanel的使用实例解析
2016/05/21 Javascript
对javascript继承的理解
2016/10/11 Javascript
jquery实现用户登陆界面(示例讲解)
2017/09/06 jQuery
小程序实现横向滑动日历效果
2019/10/21 Javascript
vue 路由懒加载中给 Webpack Chunks 命名的方法
2020/04/24 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
在Python中使用第三方模块的教程
2015/04/27 Python
打包python 加icon 去掉cmd黑窗口方法
2019/06/24 Python
python 实现方阵的对角线遍历示例
2019/11/29 Python
浅谈Python程序的错误:变量未定义
2020/06/02 Python
使用Keras画神经网络准确性图教程
2020/06/15 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
Pycharm常用快捷键总结及配置方法
2020/11/14 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
优秀班干部事迹材料
2014/01/26 职场文书
计算机专业职业规划
2014/02/28 职场文书
给校长的一封建议书
2014/03/12 职场文书
中学生运动会口号
2014/06/07 职场文书
人力资源管理专业求职信
2014/07/23 职场文书
我的大学四年规划书范文2014
2014/09/26 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis