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 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery实现的手动拖动控制进度条效果示例【测试可用】
Apr 18 jQuery
jQuery+ajax实现动态添加表格tr td功能示例
Apr 23 jQuery
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
jquery实现自定义树形表格的方法【自定义树形结构table】
Jul 12 jQuery
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 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文件打开、关闭、写入的判断与执行代码
2011/05/24 PHP
PHP获取当前页面完整URL的实现代码
2013/06/10 PHP
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
Laravel5.7 Eloquent ORM快速入门详解
2019/04/12 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
jQuery中绑定事件的命名空间详解
2011/04/05 Javascript
jQuery照片伸缩效果不影响其他元素的布局
2014/05/09 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
JavaScript中标识符提升问题
2015/06/11 Javascript
js中flexible.js实现淘宝弹性布局方案
2020/06/23 Javascript
jquery选择器中的空格与大于号&gt;、加号+与波浪号~的区别介绍
2016/06/24 Javascript
jQuery文本框得到与失去焦点动态改变样式效果
2016/09/08 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
2016/12/15 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
js的对象与函数详解
2019/01/21 Javascript
JS判断数组里是否有重复元素的方法小结
2019/05/21 Javascript
解决在Vue中使用axios用form表单出现的问题
2019/10/30 Javascript
[00:57]辉夜杯战队访谈宣传片—VG
2015/12/25 DOTA
[56:21]LGD vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python中使用smtplib和email模块发送邮件实例
2014/04/22 Python
python正则表达式re模块详细介绍
2014/05/29 Python
Python3指定路径寻找符合匹配模式文件
2015/05/22 Python
在Django的模型中添加自定义方法的示例
2015/07/21 Python
shelve  用来持久化任意的Python对象实例代码
2016/10/12 Python
用python生成1000个txt文件的方法
2018/10/25 Python
python 对字典按照value进行排序的方法
2019/05/09 Python
python列表每个元素同增同减和列表元素去空格的实例
2019/07/20 Python
幼儿园母亲节活动方案
2014/03/10 职场文书
教师思想作风整顿个人剖析材料
2014/10/10 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
MySQL表字段时间设置默认值
2021/05/13 MySQL
MySQL读取JSON转换的方式
2022/03/18 MySQL