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

最新推荐文章于 2022-11-24 20:54:44 发布

iteye_14479

最新推荐文章于 2022-11-24 20:54:44 发布

阅读量382

点赞数

分类专栏： Jquery 文章标签： python javascript ViewUI

本文链接：https://blog.csdn.net/iteye_14479/article/details/82545862

版权

Jquery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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"变换一次列表符号和文字颜色.

iteye_14479

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
按点击次数依次触发相应函数

2. toggle( fn, fn2, fn3,fn4,... )toggle函数可以为对象添加click事件绑定函数, 但是设置每次点击后依次的调用函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数，如果有更多函数，则再次触发，直到最后一个。随后的每次点击都重复对这几个函数的轮番调用。可以使用unbind("click")来删除...
复制链接

扫一扫