zoukankan      html  css  js  c++  java
  • 遍历DOM树,链式操作

    如果需要在同一个选取结果上使用多个jQuery方法,可以同时列出这些方法,并用.隔开,如下面的代码。

    1
    $("#one").hide().delay(500).fadeIn(1500);

    在这条语句中,在同一选择结果的元素上执行了三个方法:

    • hide() 隐藏元素
    • delay() 创建暂停
    • fadeIn() 淡入元素

    这种在同一选取结果上处理多个方法的技术,叫链接式操作。

    示例:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>链接式操作</title>
            <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.3.1.min.js"></script>
        </head>
        <body>     
            <p id="one" style="color:red">Hello world</p>
            <script>
                $("#one").click(function () {
                    $("#one").hide().delay(500).fadeIn(1500);
                });
            </script>
        </body>
    </html>
  • 相关阅读:
    js 词法作用域揭秘
    Python 操作 Redis 发布订阅
    Logistic Regression
    快速逆平方根
    牛顿法
    Ubuntu安装BCC
    树莓派4b安装Ubuntu20.04
    丢弃法
    SpringBoot整合Redis
    Linear Regression
  • 原文地址:https://www.cnblogs.com/TangGe520/p/9131884.html
Copyright © 2011-2022 走看看