jQuery复合事件结合toggle()方法的用法示例
更新时间：2017年06月10日 09:35:14 作者：原万里
这篇文章主要介绍了jQuery复合事件结合toggle()方法的用法,实例分析了toggle()方法的功能、定义以及与复合事件结合使用的操作技巧,需要的朋友可以参考下
本文实例讲述了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.jb51.net/table/javascript_event
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常见事件用法与技巧总结》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery简单实现仿京东分类导航层效果,涉及jQuery针对鼠标事件的响应及页面元素动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2016-06-06
在某些特殊的情况下是需要动态生成表格的，下面为大家详细介绍下使用jquery是如何做到的，感兴趣的朋友不要错过2013-12-12
本篇文章给大家详细分析了用jquery实现放大镜效果的方法，以及代码分享，有兴趣的学习下。2018-02-02
jQuery EasyUI 开源插件套装 完全替代ExtJS
JQuery爱好者们的福音 jQuery EasyUI 开源插件套装 完全替代ExtJS(引用)2010-03-03
jQuery UI工具提示框部件Tooltip Widget
这篇文章介绍了jQuery UI工具提示框部件Tooltip Widget，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了jQuery中append()方法用法,实例分析了append()方法的功能、定义及在匹配元素的结尾插入指定内容的使用技巧,需要的朋友可以参考下2015-01-01
本文给大家介绍jquery设置easyui校验规则的实现代码，代码简单易懂，非常不错，具有参考借鉴价值，感兴趣的朋友一起看看吧2016-11-11
这篇文章主要为大家详细介绍了jquery+html仿翻页相册功能，前端实现的相册模仿功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
jQuery操作复选框(CheckBox)的取值赋值实现代码
这篇文章主要介绍了jQuery操作复选框(CheckBox)的取值赋值实现代码,需要的朋友可以参考下2017-01-01
本文给大家分享一段代码给大家介绍jquery删除当前节点元素的方法，代码简单易懂，非常不错，需要的朋友参考下吧2016-12-12
最新评论