当前位置: 首页 > 编程笔记 >

jQuery复合事件结合toggle()方法的用法示例

柴辰阳
2023-03-14
本文向大家介绍jQuery复合事件结合toggle()方法的用法示例,包括了jQuery复合事件结合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复合事件用法示例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery复合事件用法。分享给大家供大家参考,具体如下: 运行效果图如下: PS:这里再附上javascript常见事件与功能说明的在线对照表供大家参考: javascript事件与功能说明大全: http://tools.jb51.net/table/javas

  • 主要内容:jQuery 事件方法jQuery 事件方法 事件方法触发器或添加一个函数到被选元素的事件处理程序。 下面的表格列出了所有用于处理事件的 jQuery 方法。 方法 描述 bind() 向元素添加事件处理程序 blur() 添加/触发失去焦点事件 change() 添加/触发 change 事件 click() 添加/触发 click 事件 dblclick() 添加/触发 double click 事件 delega

  • 本文向大家介绍jquery事件preventDefault()方法用法实例,包括了jquery事件preventDefault()方法用法实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery事件preventDefault()方法用法。分享给大家供大家参考。具体实现方法如下: 补充说明: (1)如果想获取事件的相关信息,则给匿名函数添加一个参数。例子中的e表示事件的对象。 (2

  • 本文向大家介绍jquery中的常用事件bind、hover、toggle等示例介绍,包括了jquery中的常用事件bind、hover、toggle等示例介绍的使用技巧和注意事项,需要的朋友参考一下 1.$(document).ready() $(document).ready()是jQuery中响应JavaScript内置的onload事件并执行任务的一种典型方式。它和onload具有类似的效果

  • 复合事件(composition event)是DOM3 级事件中新添加的一类事件,用于处理IME 的输入序列。 IME(Input Method Editor,输入法编辑器)可以让用户输入在物理键盘上找不到的字符。例如,使用拉丁文键盘的用户通过IME 照样能输入日文字符。IME 通常需要同时按住多个键,但最终只输入一个字符。复合事件就是针对检测和处理这种输入而设计的。有以下三种复合事件。 com

  • 本文向大家介绍jQuery中hover方法和toggle方法使用指南,包括了jQuery中hover方法和toggle方法使用指南的使用技巧和注意事项,需要的朋友参考一下 jQuery提供一些方法(如:toggle)将两种事件效果合并到一起,比如:mouseover、mouseout;keyup、keydown等 1、hover函数     hover(over,out)一个模仿悬停事件(鼠标移动