jQuery Chaining - Tạo chuỗi hành động, phương thức trong jQuery

views

A+A-

PrintEmail

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, chúng ta gọi là jQuery Chaining. jQuery Chaining cho phép chúng ta thực thi nhiều phương thức jQuery (trên cùng một phần tử) chỉ với một câu lệnh duy nhất.

Các bạn đang xem bài viết thuộc bài học về Các hiệu ứng trong jQuery

Phương thức chuỗi trong jQuery

Thông thường, chúng ta hay viết từng câu lệnh jQuery riêng biệt để thực hiện từng phương thức hay hành động.
Tuy nhiên, có một kỹ thuật gọi là chuỗi (chaining), cho phép chúng ta chạy nhiều lệnh jQuery trên cùng một phần tử.
Ưu điểm: Điều này giúp cho trình duyệt không phải đi tìm các phần tử nhiều lần. Đó cũng là lợi thế để giúp trình duyệt làm việc nhanh và hiệu quả hơn
Để thực hiện tạo chuỗi hành động, phương thức jQuery. Rất đơn giản thôi, bạn chỉ việc nối các hành động, phương thức lại với nhau như ví dụ sau

Ví dụ

Tạo chuỗi trong jQuery lần lượt các phương thức sau: css() slideUp() slideDown()
Đoạn văn có id="p1" đổi thành màu đỏ, sau đó trượt lên, rồi lại trượt xuống

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

Thử code »

Và nếu bạn còn nhiều phương thức muốn thực hiện tiếp nữa, bạn vẫn có thể tiếp tục thêm vào chuỗi hành động như vậy.
Mẹo: Khi tạo chuỗi hành động nếu bạn thấy chuỗi dài quá, thì bạn cũng có thể xuống dòng như dưới đây nhé

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

Chuyên Mục : Học jQuery jQuery Chaining jQuery effect method jQuery Effects