`
nianshi
  • 浏览: 416171 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

按点击次数依次触发相应函数

 
阅读更多

2. toggle( fn, fn2, fn3,fn4,... )

toggle函数可以为对象添加click事件绑定函数,  但是设置每次点击后依次的调用函数。

如果点击了一个匹配的元素,则触发指定的第一个函数,当再次点击同一元素时,则触发指定的第二个函数,如果有更多函数,则再次触发,直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。

可以使用unbind("click")来删除。

下面的示例演示如何使用toggle函数:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title>toggle example</title>
    <link rel="stylesheet" type="text/css" href="css/hover.css">

    <script type="text/javascript" src="scripts/jquery-1.3.2-vsdoc2.js"></script>

    <script type="text/javascript">
        $(function()
        {
            $("li").toggle(
              function()
              {
                  $(this).css({ "list-style-type": "disc", "color": "blue" });
              },
              function()
              {
                  $(this).css({ "list-style-type": "square", "color": "red" });
              },
              function()
              {
                  $(this).css({ "list-style-type": "none", "color": "" });
              }
            );
        })
    </script>

</head>
<body>
    <ul>
        <li style="cursor:pointer">click me</li>
    </ul>
</body>
</html>


结果是每点击一次"click me"变换一次列表符号和文字颜色.

分享到:
评论

相关推荐

    作业计数外部中断实验 红绿蓝灯依次亮_LED_

    中断服务函数中,我们可以通过计数器记录中断次数,当达到一定值时改变LED的状态。 关于计数器,STM32F103内置了多个定时器资源,如TIM1、TIM2等,可以设置为计数器模式。我们可以配置定时器为向上计数,每当计数值...

    网页鼠标特效,蛮有个性的

    JavaScript用于处理用户交互事件,如鼠标点击事件,然后触发相应的动画效果。CSS3则用来定义元素的样式和动态效果,例如通过`transform`属性来改变元素的位置、大小、旋转等,以及`transition`或`animation`来创建...

    51单片机编写的闹钟程序.doc

    `display()`函数是显示函数,根据输入参数`anum`、`anum1`、`anum2`、`anum3`,依次点亮数码管的相应段码,实现时间的显示。为了避免显示冲突,程序使用`temp0`变量作为标志,区分正常时间和闹钟时间的显示。 在`...

    powerbuilder

    需要注意的是,使用PrintOpen()函数打开打印作业、使用同组的其它函数完成打印任务后,必须使用PrintClose()关闭打印作业,或根据需要使用PrintCancel()函数取消打印作业。 ------------------------------------...

    89C51的超声波测距程序——逐句注释

    它首先提取距离值的各个位数,并根据这些位数在数码管上显示相应的数字。例如,如果距离值为`1234`,则依次显示“1”、“2”、“3”、“4”。 ### 总结 通过对这个基于89C51单片机的超声波测距程序的逐句解析,...

    LaBVIEW第三章程序结构.pptx

    事件结构是LaBVIEW特有的,它等待并响应特定的事件,如按钮点击、定时器触发等,然后执行相应的代码块。 六、变量 变量是存储数据的容器,LaBVIEW中的变量可以在程序的不同部分之间共享数据,分为全局变量和局部...

    按键处理与按键防抖动例子.pdf

    例如,当按键松开一定时间(n&gt;8)后,才认为按键进入可用状态,然后依次进入按下和松开状态。 2. **定时器T/C2**: 定时器T/C2被用作周期性检测按键的工具。通过设置计数溢出中断,每当定时器计数值达到预设值时,...

    基于插入排序方法的类模板设计与实现.doc

    设计一个窗口界面,用户可以输入数据,点击排序按钮触发排序操作。在MFC中,我们需要创建对话框类,定义排序按钮的事件处理函数,实现排序逻辑,并更新界面显示排序结果。 通过这样的设计和实现,我们可以得到一个...

    吴坚鸿-十年经验手把手教你单片机

    通过累计主循环次数的方法,可以准确地检测到按键的按下和释放,这对于实现复杂的用户交互非常有用。 ### 7. 在主函数中利用累计定时中断的次数来实现独立按键的检测 利用定时中断的次数来检测按键的状态可以提高...

    ads1232 C语言程序

    - `void main(void)`:主函数中首先调用`Init()`函数对系统进行初始化,然后通过`delay(100)`函数实现延时,接着进入无限循环,等待中断触发。 #### 2. 初始化函数 - `void Init(void)`:在此函数中,程序首先关闭...

    国家二级 VB 机试(VisualBasic 控制结构)模拟试卷 3 (题后含答案.zip

    例如,当用户点击按钮时,对应的Click事件会被触发并执行相应的代码。 9. **控件**:VB提供了丰富的控件库,如Label、TextBox、Button等,它们各自有不同的属性、方法和事件,可以通过编程改变其行为和外观。 在...

    python简略图书管理系统.doc

    不合理的归还操作(如归还未借出的图书、不存在的图书或时间不合理)会触发相应提示。 7. **菜单切换**: 系统采用类似于`switch`语句的逻辑处理菜单选项,使用`do-while`循环实现菜单的重复显示,直到用户选择...

    adc_YX32F020ADC_

    对于YX32F020这款MCU,其可能提供了相应的ADC接口函数,使得编程更为便捷。 了解ADC的工作原理和特性对于优化系统性能至关重要。ADC的分辨率、转换速度、噪声性能、功耗等都是设计时需要考虑的因素。在使用YX32F020...

    猜字游戏 用java图形用户界面实现的代码

    当用户与GUI组件交互时(例如点击按钮),就会触发一个事件,这个事件会被相应的监听器捕获并处理。 - **实现方式**: - **注册监听器**:通常需要实现特定的接口(如`ActionListener`),然后通过调用组件的`...

    epoll回射服务器

    2. **添加文件描述符**:使用`epoll_ctl`函数将需要监听的socket或其他文件描述符添加到epoll实例中,并设置触发模式(LT或ET)。 3. **等待事件**:调用`epoll_wait`函数,阻塞直到有事件发生。返回值是就绪事件的...

    信标灯-主机

    本程序是基于80C52单片机的信标灯系统主机部分的实现,主要通过RS485接口进行串行通信来识别外部触发信号,并根据接收到的信号控制信标灯的状态(亮或灭)。该程序的核心功能包括初始化、地址发送、接收响应以及相应...

    asp批量录入数据

    然后,使用一个for循环遍历这些记录,依次获取每一条的字段值并构造SQL插入语句。 3. **SQL语句构建**: SQL插入语句的构建是通过逐个获取字段值,并拼接成`INSERT INTO`语句。在示例中,有三个字段`fieldName1`、...

    89s52单片机的经典实验c语言程序源码.doc

    - **原理**:当按键被按下时触发外部中断请求,从而调用中断服务程序处理按键事件。 - **编程实现**:配置外部中断引脚,并编写相应的中断服务函数。 #### 五、定时器T0的应用——9.9秒计时设计 - **原理**:通过...

    单片机实验-单片机实验报告

    - 使能定时器中断,并设置相应的中断服务函数`T0_srv()`来处理计时完成后的动作。 - 在中断服务函数中增加计数器`b`的值,当计数达到20次时,即实现了2秒的延时,此时更新灯的状态。 #### 3. 使用硬件计数方法实现...

    图像库

    - **事件监听器**:如`addEventListener`,用于在用户点击按钮时触发相应函数,例如加载图片或切换图片集。 - **事件对象**:在事件处理函数中,可以获取到与事件相关的数据,如鼠标点击的位置,用以实现更精确的...

Global site tag (gtag.js) - Google Analytics