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实现可拖动进度条实例代码
Jun 21 jQuery
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
jQuery实现合并表格单元格中相同行操作示例
Jan 28 jQuery
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
jQuery 查找元素操作实例小结
Oct 02 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
jquery css实现流程进度条
Mar 26 jQuery
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
jquery.validate自定义验证用法实例分析【成功提示与择要提示】
Jun 06 jQuery
基于JQuery和DWR实现异步数据传递
Oct 16 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页面间参数传递的四种方法详解
2013/06/09 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
PHP基于GD库的缩略图生成代码(支持jpg,gif,png格式)
2014/06/19 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
PHP性能优化大全(php.ini)
2016/05/20 PHP
PHP小偷程序的设计与实现方法详解
2016/10/15 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP中soap用法示例【SoapServer服务端与SoapClient客户端编写】
2018/12/25 PHP
jquery lazyload延迟加载技术的实现原理分析
2011/01/24 Javascript
JS高级笔记
2011/07/13 Javascript
js拖拽的原型声明和用法总结
2016/04/04 Javascript
Bootstrap表格和栅格分页实例详解
2016/05/20 Javascript
详解js的六大数据类型
2016/12/27 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
Angularjs实现控制器之间通信方式实例总结
2018/03/27 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
微信小程序合法域名配置方法
2019/05/06 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
element-ui点击查看大图的方法示例
2020/12/14 Javascript
使用python装饰器验证配置文件示例
2014/02/24 Python
在Python中用keys()方法返回字典键的教程
2015/05/21 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
python实现m3u8格式转换为mp4视频格式
2018/02/28 Python
对python 中re.sub,replace(),strip()的区别详解
2019/07/22 Python
Python爬虫headers处理及网络超时问题解决方案
2020/06/19 Python
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
CPB肌肤之钥美国官网:Clé de Peau Beauté
2017/09/05 全球购物
简历自我评价怎么写好呢?
2014/01/04 职场文书
会议接待欢迎词
2014/01/12 职场文书
关于环保的建议书
2014/05/12 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
刑事辩护授权委托书
2014/09/13 职场文书
银行委托书范本
2014/09/28 职场文书
拯救大兵瑞恩观后感
2015/06/09 职场文书
Redis唯一ID生成器的实现
2022/07/07 Redis