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 ta 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.
Chuỗi 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 (lần lượt từng câu lệnh).
Tuy nhiên, có một kỹ thuật gọi là xâu chuỗi, cho phép chúng ta chạy nhiều lệnh jQuery lần lượt trên cùng một phần tử.
Mẹo: Bằng cách này, 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 đây kết hợp các phương thức css()
, slideUp()
và slideDown()
lại với nhau. Phần tử "p1" đầu tiên chuyển sang màu đỏ, sau đó trượt lên rồi trượt xuống:
Chúng tôi cũng có thể thêm nhiều lệnh 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 quá khắt khe về cú pháp; bạn có thể định dạng nó theo ý muốn, bao gồm ngắt dòng và thụt lề.
Điều này cũng hoạt động tốt:
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.