Liên kết jQuery

Bằng cách sử dụng jQuery, bạn có thể liên kết các hành động/phương thức.

Chaining cho phép chúng ta thực hiện nhiều phương thức jQuery (trên cùng một element) trong một câu lệnh.

Liên kết phương thức jQuery

Cho đến bây giờ, chúng ta đã viết từng câu lệnh jQuery một lần (một sau một).

Tuy nhiên, có một kỹ thuật gọi là liên kết (chaining), cho phép chúng ta thực hiện nhiều lệnh jQuery trên cùng một element, một sau một.

Lưu ý:Như vậy, trình duyệt không cần phải tìm kiếm lại cùng một element nhiều lần.

Để liên kết một hành động, bạn chỉ cần đơn giản thêm hành động đó vào hành động trước.

Ví dụ 1

Ví dụ dưới đây liên kết css(), slideUp(), và slideDown() lại với nhau. Element "p1" sẽ trở thành màu đỏ trước, sau đó trượt lên, sau đó trượt xuống:

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

Thử ngay

Nếu cần, chúng ta cũng có thể thêm nhiều phương thức gọi.

Lưu ý:Khi thực hiện liên kết, dòng mã sẽ trở nên xấu đi. Tuy nhiên, jQuery không quá nghiêm ngặt về ngữ pháp; bạn có thể viết theo định dạng mong muốn, bao gồm cả việc gấp và lùi.

Ví dụ 2

Cách viết này cũng có thể chạy:

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

Thử ngay

jQuery sẽ bỏ qua các khoảng trống dư thừa và thực thi mã trên mỗi dòng một cách liên tục.