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é.

https://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

Event (sự kiện) trong jQuery
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
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 Treeview Plugin

    Hỗ trợ quản lý thư mục jQuery

    jQuery Treeview Plugin là tiện ích mở rộng hữu ích cho người dùng thường xuyên làm việc với jQuery. Download jQuery Treeview Plugin giúp bạn quản lý các file jQuery dễ dàng hơn nhờ việc phân cấp cây thư mục một cách khoa ...

Tin Mới

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

    JQuery là thư viện JavaScript đa tính năng, hỗ trợ đắc lực cho những người lập trình web, học jQuery thành thạo, bạn sẽ code ít hơn và được cập nhật liên tục các công nghệ mới nhất.

  • Thiết lập kích thước phần tử trong jQuery

    Để tìm hiểu các phương thức thiết lập kích thước phần tử trong jQuery, bạn đọc cùng tham khảo tiếp bài viết dưới đây của Taimienphi.vn, ngoài ra bạn đọc có thể tham khảo thêm một số bài viết khác đã có trên Taimienphi.vn để tìm hiểu thêm về phương thức lấy và thiết lập các thuộc tính CSS trong jQuery.

  • Xóa các phần tử và thuộc tính trong jQuery

    Trong bài học dưới đây Taimienphi.vn sẽ hướng dẫn bạn cách xóa các phần tử và thuộc tính trong jQuery, ngoài ra bạn đọc có thể tham khảo thêm một số bài học khác đã có trên Taimienphi.vn để tìm hiểu thêm về cách chèn nội dung vào tài liệu HTML bằng jQuery.

  • Cách xem mật khẩu Facebook của người khác

    Xem mật khẩu Facebook của người khác là hành động không nên làm vì vi phạm quyền riêng tư cá nhân của chủ tài khoản. Tuy nhiên, biết cách để xâm nhập vào tài khoản Facebook của người khác lại giúp bạn học được cách bảo vệ bản thân. Vì thế Taimienphi sẽ hướng dẫn các bạn cách xem mật khẩu Facebook của người khác để chủ động hơn trong mọi tình huống... còn để theo dõi hay đọc trộm tin nhắn ai đó thì chúng tôi không khuyến khích.


 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á