jQueryを使用すると、アクション/メソッドを連鎖させることができます。

チェーンを使用すると、1つのステートメント内で(同じ要素に対して)複数のjQueryメソッドを実行できます。

jQueryメソッドチェーン

これまでは、jQueryステートメントを1つずつ(次々に)書いてきました。

ただし、チェーンと呼ばれる手法があり、これを使用すると同じ要素に対して複数のjQueryコマンドを次々に実行できます。

ヒント：こうすることで、ブラウザは同じ要素を複数回見つける必要がなくなります。

アクションを連鎖するには、前のアクションにアクションを追加するだけです。

次の例では、css()、slideUp()、とslideDown()メソッドを連結します。「p1」要素は最初に赤に変わり、次に上にスライドし、次に下にスライドします。

必要に応じて、メソッド呼び出しを追加することもできます。

ヒント:チェーンする場合、コードが非常に長くなる可能性があります。ただし、jQueryは構文に関してそれほど厳密ではありません。改行やインデントなど、必要に応じて書式を設定できます。

これも問題なく動作します。

jQueryは余分な空白を破棄し、上記の行を1つの長いコード行として実行します。