jQuery方法链

使用jQuery,你可以一起执行动作/方法。

方法链让我们来运行多个jQuery方法（在同一单元），而不需要一个单一的声明。

jQuery 方法链

到现在我们写的jQuery方法都是单一的。

然而，有一种称为链接，使我们能够运行多个jQuery命令，一前一后，在同一个元素。

提示: 使用这种方法，浏览器不必一个元素查找多次.

若要使用方法链，则只需将操作追加到上一个动作.

下面实例演示了 css(), slideUp()和slideDown()一起使用的方法链. "p1"元素首先变为红色，然后向上滑动，最后向下滑动:

$("#p1").css("color", "red").slideUp(2000).slideDown(2000);

让我试试

如果需要的话，我们也可以增加更多的方法调用。

Tip: When chaining, the line of code could become quite long. However, jQuery is not very strict on the syntax; you can format it like you want, including line breaks and indentations.

提示：当使用方法链式，代码行可以变得很长。然而，基于jQuery的语法不是很严格；你可以格式化为你想要的格式，包括换行和缩进。

这也很好:

$("#p1").css("color", "red")
  .slideUp(2000)
  .slideDown(2000);

让我试试

jQuery扔掉多余的空格和换行，以上作为一长代码排列。