jQuery 链 chaining

jQuery 链 chaining

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery</title>
    <script src="jquery-3.3.1.min.js"></script>
</head>
<body>
    <script type="text/javascript">
    $(function(){
        // 按钮单击时执行
    $("#btnInfo1").click(function(){
      // Chaining允许我们在一条语句中运行多个jQuery方法
            $("#div1").slideUp(2000).slideDown(2000);
        });
    })

    </script>
    <div id="div1" style="width:60px;height:60px;background-color:red;"></div><br>
  <button id="btnInfo1" type="button">Chaining</button>
</body>
</html>

 

发表回复

您的电子邮箱地址不会被公开。