jQuery - Chuỗi
Với jQuery, bạn có thể xâu chuỗi các hành động / phương thức lại với nhau.
Chuỗi cho phép chúng tôi chạy nhiều phương thức jQuery (trên cùng một phần tử) trong một câu lệnh duy nhất.
Chuỗi phương thức jQuery
Cho đến bây giờ chúng tôi đã viết các câu lệnh jQuery tại một thời điểm (cái này đến cái kia).
Tuy nhiên, có một kỹ thuật được gọi là chuỗi, cho phép chúng ta chạy nhiều lệnh jQuery, cái này đến lệnh khác, trên cùng (các) phần tử.
Mẹo: Bằng cách này, các trình duyệt không phải tìm (các) phần tử giống nhau nhiều lần.
Để xâu chuỗi một hành động, bạn chỉ cần nối hành động đó vào hành động trước đó.
Ví dụ sau chuỗi các phương thức css(), slideUp()và với slideDown()
nhau. Phần tử "p1" đầu tiên chuyển thành màu đỏ, sau đó nó trượt lên rồi trượt xuống:
Thí dụ
$("#p1").css("color", "red").slideUp(2000).slideDown(2000);
Chúng tôi cũng có thể thêm nhiều cuộc gọi phương thức hơn nếu cần.
Mẹo : Khi xâu chuỗi, dòng mã có thể trở nên khá dài. Tuy nhiên, jQuery không nghiêm ngặt lắm về cú pháp; bạn có thể định dạng nó như bạn muốn, bao gồm cả ngắt dòng và thụt lề.
Điều này cũng hoạt động tốt:
Thí dụ
$("#p1").css("color", "red")
.slideUp(2000)
.slideDown(2000);
jQuery loại bỏ khoảng trắng thừa và thực thi các dòng ở trên dưới dạng một dòng mã dài.