Method chaining là một tính năng trong Jquery cho phép một vài hàm được xử lý trong 1 bộ chọn Jquery theo thứ tự trong 1 câu lệnh đơn.

Cho ví dụ, 2 phần mã dưới đây là tương đương nhau:

Không dùng chaining:

$( "button#play-movie" ).on( "click", playMovie );
$( "button#play-movie" ).css( "background-color", "orange" );
$( "button#play-movie" ).show();

Có dùng chaining:

$( "button#play-movie" ).on( "click", playMovie )
                        .css( "background-color", "orange" )
                        .show();

Chú ý rằng khi sử dụng chaining, thẻ button#play-movie chỉ cần được chọn một lần, còn khi không dùng chaining, jQuery phải tìm kiếm toàn bộ DOM để tìm thẻ button#play-movie trước mỗi khi hàm được gọi. Do đó, ngoài việc giúp đoạn code ngắn gọn hơn, method chaining còn giúp hiệu suất tốt hơn nhiều.

Chú ý thêm: Method chaining trong Jquery không phải là cách duy nhất để tránh lặp đi lặp lại việc tìm kiếm toàn bộ DOM. Người ta cũng có thể gán một biến bằng với kết quả tìm kiếm DOM ban đầu, trong ví dụ trên, người ta có thể gán 1 biến bằng với $( "button#play-movie"), sau đó gọi các hàm on(), css() và show() từ biến đó.

var buttonJquery = $( "button#play-movie" );
buttonJquery.on( "click", playMovie );
buttonJquery.css( "background-color", "orange" );
buttonJquery.show();

Dù vậy, method chaining vẫn là một sự lựa chọn hiệu quả và ngắn gọn hơn hết, và nó không yêu cầu caching kết quả trong 1 biến cục bộ (local variable)