Hàm callback trong jQuery

Hàm callback trong jQuery được thực thi sau khi hiệu ứng hiện tại hoàn tất, để tìm hiểu chi tiết về hàm callback trong jQuery, bạn đọc cùng tham khảo tiếp bài học dưới đây của Taimienphi.vn.

Trong bài học dưới đây Taimienphi.vn sẽ giới thiệu cho bạn về hàm callback trong jQuery. Ngoài ra bạn đọc có thể tham khảo thêm một số bài học jQuery khác trên Taimienphi.vn để tìm hiểu thêm về Chaining trong jQuery.

ham callback trong jquery

Tìm hiểu hàm callback trong jQuery

Hàm callback trong jQuery

Các lệnh trong JavaScript được thực thi từng dòng một. Tuy nhiên vì hiệu ứng jQuery cần thời gian để hoàn tất nên dòng mã tiếp theo có thể được thực thi khi hiệu ứng trước đó vẫn đang chạy.

Để tránh tính trạng này xảy ra, jQuery cung cấp hàm có tên gọi là callback cho mỗi phương thức hiệu ứng.

Hàm callback trong jQuery được thực thi sau khi hiệu ứng hiện tại hoàn tất. Hàm được truyền dưới dạng tham số cho các phương thức hiệu ứng và xuất hiện dưới dạng đối số cuối cùng của phương thức.

Chẳng hạn cú pháp cơ bản của phương thức hiệu ứng slideToggle() trong jQuery với hàm callback có dạng như dưới đây:

$(selector).slideToggle(duration, callback);

Ví dụ 1: trong ví dụ dưới đây các lệnh slideToggle() và alert() được đặt cạnh nhau. Khi chúng ta click chọn nút kích hoạt mà không chờ hiệu ứng chuyển đổi slide hoàn tất, trên màn hình sẽ hiển thị một cảnh báo:

ham callback trong jquery

Kết quả đầu ra có dạng như dưới đây:

ham callback trong jquery 2

Ví dụ 2: trong ví dụ dưới đây chúng ta sẽ đặt lệnh alert() trong hàm callback cho phương thức slideToggle(). Khi chúng ta click chọn nút kích hoạt, cảnh báo sẽ hiển hiển thị sau khi hiệu ứng chuyển đổi slide hoàn tất:

ham callback trong jquery 3

Kết quả đầu ra có dạng như dưới đây:

ham callback trong jquery 4

Tương tự chúng ta có thể chỉ định hàm callback cho các phương thức hiệu ứng jQuery khác như show(), hide(), fadeIn(), fadeOut(), animate(), ... .

Lưu ý: Nếu phương thức hiệu ứng được áp dụng cho nhiều phần tử, hàm callback được thực thi lần lượt cho mỗi phần tử được chọn chứ không phải thực thi cho tất cả các phần tử cùng một lúc.

Ví dụ: ví dụ dưới đây minh họa cách hàm callback được thực thi lần lượt cho mỗi phần tử được chọn:

ham callback trong jquery 5

Kết quả đầu ra có dạng như dưới đây:

ham callback trong jquery 6

Trong ví dụ trên, kết quả đầu ra sẽ hiển thị cùng một thông báo 2 lần cho các phần tử h1 p khi chúng ta click chọn nút kích hoạt.

Như vậy bài học trên đây bạn đọc vừa cùng Taimienphi.vn tìm hiểu về hàm callback trong jQuery. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.

http://thuthuat.taimienphi.vn/ham-callback-trong-jquery-51491n.aspx
Trong bài học tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về các phương thức Getter và Setter trong jQuery.

Tác giả: Trần Quốc Anh     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Cú pháp cơ bản của jQuery, có giải thích
Cách tạo trang web bằng jQuery
Phương thức stop() trong jQuery
Học jQuery, tài liệu tự học lập trình jQuery
Hiệu ứng động trong jQuery
Từ khoá liên quan:

Hàm callback trong jQuery

, jQuery, học jQuery,

SOFT LIÊN QUAN
  • jQuery

    Thiết kế, phát triển website

    jQuery là thư viện JavaScript phổ biến nhất trên thế giới, được sử dụng để thao tác DOM, xử lý sự kiện JS, tạo ảnh động Web và tương tác Ajax. Thư viện cung cấp cho người dùng bộ công cụ mạnh để phát triển Web, hỗ trợ ch ...

Tin Mới

  • Học jQuery, tài liệu tự học lập trình jQuery

    Trong chuỗi các bài học trước Taimienphi.vn đã giới thiệu chi tiết cho bạn về Bootstrap, trong chuỗi bài học tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về chuỗi bài học jQuery nhé.

  • Cách tạo trang web bằng jQuery

    Trong bài học jQuery trước Taimienphi.vn đã giới thiệu cho bạn về jQuery là gì? Trong bài học tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn cách tạo trang web bằng jQuery.

  • Cú pháp cơ bản của jQuery, có giải thích

    Trong bài học trước bạn đọc đã cùng Taimienphi.vn tìm hiểu về cách tạo trang web bằng jQuery, trong bài học tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu cho bạn về cú pháp jQuery cơ bản nhất nhé.

  • Cảm nhận bài Tây Tiến của Quang Dũng

    Những bài văn mẫu dưới đây là những tài liệu tham khảo vô cùng hữu ích và cần thiết nhằm giúp các em học sinh biết cách làm bài văn nêu cảm nhận bài Tây Tiến của Quang Dũng để em hiểu hơn về những khó khăn, gian khổ, đau thương của những năm tháng chống Pháp và thấy được hình ảnh những người lính Tây Tiến với vẻ đẹp oai hùng, anh dũng nhưng cũng đầy lãng mạn, hào hoa.


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá