jQuery - 链式操作

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

链式操作允许我们在单个语句中运行多个 jQuery 方法（作用于同一个元素）。

jQuery 方法链式操作

到目前为止，我们一直是一次编写一个 jQuery 语句（按顺序）。

但是，有一种称为链式操作的技术，它允许我们在同一个元素上按顺序运行多个 jQuery 命令。

提示： 这样，浏览器不必多次查找同一个元素。

要链式操作一个动作，只需将其附加到前一个动作即可。

下面的示例链接了 css()、slideUp() 和 slideDown() 方法。 "p1" 元素首先变成红色，然后向上滑动，最后再向下滑动。

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

提示：在链式操作时，代码行可能会变得很长。但是，jQuery 对语法不是很严格；您可以按照自己的意愿格式化代码，包括换行和缩进。

以下代码也可以正常工作

jQuery 会忽略多余的空格，并将上面的行作为一条长代码行来执行。