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 submit()不能提交表单的解决方法
Apr 24 jQuery
jQuery实现拼图小游戏(实例讲解)
Jul 24 jQuery
一个有意思的鼠标点击文字特效jquery代码
Sep 23 jQuery
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jQuery模拟12306城市选择框功能简单实现方法示例
Aug 13 jQuery
jQuery实现鼠标移到某个对象时弹出显示层功能
Aug 23 jQuery
jQuery选择器选中最后一个元素,倒数第二个元素操作示例
Dec 10 jQuery
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
May 12 jQuery
jquery.pager.js实现分页效果
Jul 29 jQuery
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
一个用php3编写的简单计数器
2006/10/09 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
yii2使用ajax返回json的实现方法
2016/05/14 PHP
解决laravel-admin 自己新建页面里 js 需要刷新一次的问题
2019/10/03 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
jquery 批量上传图片实现代码
2010/01/28 Javascript
数组Array进行原型prototype扩展后带来的for in遍历问题
2010/02/07 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
JS中如何设置readOnly的值
2013/12/25 Javascript
JavaScript实现的图像模糊算法代码分享
2014/04/22 Javascript
JQ技术实现注册页面带有校验密码强度
2015/07/27 Javascript
JavaScript数组方法总结分析
2016/05/06 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
详解基于vue的移动web app页面缓存解决方案
2017/08/03 Javascript
使用mint-ui实现省市区三级联动效果的示例代码
2018/02/09 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
支付宝小程序自定义弹窗dialog插件的实现代码
2018/11/30 Javascript
vue-cli webpack配置文件分析
2019/05/20 Javascript
Vue项目中数据的深度监听或对象属性的监听实例
2020/07/17 Javascript
python连接远程ftp服务器并列出目录下文件的方法
2015/04/01 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
对Python random模块打乱数组顺序的实例讲解
2018/11/08 Python
详解python的argpare和click模块小结
2019/03/31 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
Python中url标签使用知识点总结
2020/01/16 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
俄罗斯最大的隐形眼镜销售网站:Ochkov.Net
2021/02/07 全球购物
HR喜欢的自荐信格式
2013/10/08 职场文书
活动总结怎么写啊
2014/05/07 职场文书
个人学习总结范文
2015/02/15 职场文书
4S店客服专员岗位职责
2015/04/07 职场文书
情况说明书格式及范文
2019/06/24 职场文书
Python 中面向接口编程
2022/05/20 Python