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抛弃了额外的空格，并将上面的行作为一长串代码执行。