jQuery - 鏈式操作

使用 jQuery，您可以將多個操作/方法連結在一起。

鏈式操作允許我們在單個語句中執行多個 jQuery 方法（作用於同一個元素）。

jQuery 方法鏈式操作

到目前為止，我們一直是一次編寫一個 jQuery 語句（按順序）。

但是，有一種稱為鏈式操作的技術，它允許我們在同一個元素上按順序執行多個 jQuery 命令。

提示： 這樣，瀏覽器不必多次查詢同一個元素。

要鏈式操作一個動作，只需將其附加到前一個動作即可。

下面的示例連結了 css()、slideUp() 和 slideDown() 方法。 "p1" 元素首先變成紅色，然後向上滑動，最後再向下滑動。

如果需要，我們還可以新增更多的方法呼叫。

提示：在鏈式操作時，程式碼行可能會變得很長。但是，jQuery 對語法不是很嚴格；您可以按照自己的意願格式化程式碼，包括換行和縮排。

以下程式碼也可以正常工作

jQuery 會忽略多餘的空格，並將上面的行作為一條長程式碼行來執行。