上一节:

  jQuery 方法链接

  • jQuery 方法链接

    使用jQuery，您可以将动作/方法链接在一起。
    链接允许我们在单个语句中运行多个jQuery方法（在同一元素上）。
    到目前为止，我们一直在编写一个jQuery语句（一个接一个）。
    但是，有一种称为链接的技术，它允许我们在同一个元素上一个接一个地运行多个jQuery命令。
    提示：这样，浏览器不必多次查找相同的元素。
    要链接动作，只需将动作附加到上一个动作即可。
    以下示例将css()，slideUp()和slideDown()方法链接在一起。 “p1”元素首先变为红色，然后向上滑动，然后向下滑动： 
       
          <head>
             <script type="text/javascript" src="jquery.js"></script>
             <script type="text/javascript">
             $("#p1").css("color", "red").slideUp(2000).slideDown(2000);
            </script>
          </head>
    尝试一下
    如果需要，我们还可以添加更多方法调用。
    提示：链接时，代码行可能会变得很长。 但是，jQuery对语法不是很严格; 你可以按照你想要的格式化它，包括换行符和缩进。
    以下示例的用法也很好用： 
       
          <head>
             <script type="text/javascript" src="jquery.js"></script>
             <script type="text/javascript">
             $("#p1").css("color", "red")
             .slideUp(2000)
             .slideDown(2000);
            </script>
          </head>
    尝试一下
    jQuery抛弃了额外的空格，并将上面的行作为一长串代码执行。
上一节: