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.x? 2.x? 3.x?
Apr 01 jQuery
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
JS和jQuery通过this获取html标签中的属性值(实例代码)
Sep 11 jQuery
jQuery插件artDialog.js使用与关闭方法示例
Oct 09 jQuery
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
jQuery UI实现动画效果代码分享
Aug 19 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
jQuery 移除事件的方法
Jun 20 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 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实现refresh刷新页面批量导入数据的方法
2014/12/23 PHP
PHP 图片处理
2020/09/16 PHP
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
2014/06/23 Javascript
JavaScript获取URL汇总
2015/06/08 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
微信小程序 增、删、改、查操作实例详解
2017/01/13 Javascript
浅谈react.js 之 批量添加与删除功能
2017/04/17 Javascript
node.js基于express使用websocket的方法
2017/11/09 Javascript
vue的传参方式汇总和router使用技巧
2018/05/22 Javascript
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
微信小程序CSS3动画下拉菜单效果
2018/11/04 Javascript
vue中过滤器filter的讲解
2019/01/21 Javascript
说说Vue.js中的functional函数化组件的使用
2019/02/12 Javascript
JavaScript实现的弹出遮罩层特效经典示例【基于jQuery】
2019/07/10 jQuery
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
JavaScript Window浏览器对象模型原理解析
2020/05/30 Javascript
python实现颜色空间转换程序(Tkinter)
2015/12/31 Python
Python实现两个list对应元素相减操作示例
2017/06/09 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
python nohup 实现远程运行不宕机操作
2020/04/16 Python
PyCharm中配置PySide2的图文教程
2020/06/18 Python
pycharm激活码免费分享适用最新pycharm2020.2.3永久激活
2020/11/25 Python
用python对oracle进行简单性能测试
2020/12/05 Python
回门宴答谢词
2014/01/13 职场文书
关于毕业的中学校园广播稿
2014/01/26 职场文书
小班评语大全
2014/05/04 职场文书
新疆民族团结演讲稿
2014/08/27 职场文书
医院深入开展党的群众路线教育实践活动实施方案
2014/08/27 职场文书
工作推荐信模板
2015/03/25 职场文书
投资入股协议书
2016/03/22 职场文书
SpringBoot工程下使用OpenFeign的坑及解决
2021/07/02 Java/Android
Redis Stream类型的使用详解
2021/11/11 Redis