jQuery - 链接

使用 jQuery，您可以将操作/方法链接在一起。

链接允许我们在单个语句中运行多个 jQuery 方法（在同一元素上）。

jQuery 方法链接

到目前为止，我们一直在一次一个地编写 jQuery 语句（一个接一个）。

然而，有一种称为链接的技术，它允许我们在同一个元素上一个接一个地运行多个 jQuery 命令。

提示：这样，浏览器就不必多次查找相同的元素。

要链接一个操作，只需将该操作附加到前一个操作即可。

以下示例将css(),slideUp()，和slideDown()方法。 "p1" 元素首先变为红色，然后向上滑动，然后向下滑动：

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

如果需要，我们还可以添加更多方法调用。

提示：链接时，代码行可能会变得很长。然而，jQuery 对语法并不是很严格；您可以根据需要设置其格式，包括换行符和缩进。

这也很好用：

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

jQuery 丢弃多余的空格并将上面的行作为一长行代码执行。