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卸载全部事件的思路详解
Apr 03 jQuery
为JQuery EasyUI 表单组件增加焦点切换功能的方法
Apr 13 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
Jquery EasyUI $.Parser
Jun 02 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
Jul 17 jQuery
jQuery代码优化方法总结
Jan 29 jQuery
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
基于jQuery ztree实现表格风格的树状结构
Aug 31 jQuery
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 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
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
composer.lock文件的作用
2016/02/03 PHP
PHP中in_array函数使用的问题与解决办法
2016/09/11 PHP
PHP获取文本框、密码域、按钮的值实例代码
2017/04/19 PHP
jQuery的写法不同导致的兼容性问题的解决方法
2010/07/29 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
jquery实现页面百叶窗走马灯式翻滚显示效果的方法
2015/03/12 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
Node.js的基本知识简单汇总
2016/09/19 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
jQuery validata插件实现方法
2017/06/25 jQuery
vue元素实现动画过渡效果
2017/07/01 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
深入理解使用Vue实现Context-Menu的思考与总结
2019/03/09 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
Python实现桶排序与快速排序算法结合应用示例
2017/11/22 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
利用python-pypcap抓取带VLAN标签的数据包方法
2019/07/23 Python
python 二维矩阵转三维矩阵示例
2019/11/30 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
仿CSDN Blog返回页面顶部功能实现原理及代码
2013/06/30 HTML / CSS
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
采购主管岗位职责
2014/02/01 职场文书
大学运动会入场词
2014/02/22 职场文书
应聘护士求职信
2014/07/21 职场文书
农民工预备党员思想汇报
2014/09/14 职场文书
表扬信格式模板
2015/05/05 职场文书
MySQL系列之十二 备份与恢复
2021/07/02 MySQL