Cùng tìm hiểu phương thức
finish() trong jQuery, cú pháp, đặc điểm, cách hoạt động của phương thức này như thế nào. Cùng học những method jQuery liên quan đến hiệu ứng animate tại LaiXe.Xyz
Các bạn đang xem bài viết thuộc bài học về jQuery Effects - hiệu ứng jQuery
Ví dụ dừng hiệu ứng animate
Cùng xem ví dụ dưới đây nhé!Khi bạn bấm nút Finish, sẽ dừng tất cả các hiệu ứng và hoàn thành luôn để hiển thị ra kết quả cuối cùng.
jQuery finish() Method
Phương thứcfinish() dừng các hiệu ứng animate đang chạy, đang được xếp trong hàng đợi, và hoàn thành tất cả các hiệu ứng cho các phần tử được chọn.Syntax
Phương thức finish() trong jQuery có cú pháp
$(selector).finish(queueName)
| Tham số / Parameter | Mô tả |
|---|---|
| selector | Bắt buộc. Đây là tham số để chỉ định phần tử được chọn. Tìm hiểu thêm tại bộ chọn jQuery Selectors |
| queueName | Không bắt buộc. Tham số này dùng để chỉ định tên của hàng đợi để dừng hiệu ứng animate |
stop(true, true) , ngoại trừ việc finish() sẽ hoàn thành luôn các thuộc tính CSS trong hàng đợi cuối.
Ví dụ
Dùng phương thứcfinish() và so sánh với phương thức stop(true,true) đối với các hiệu ứng animate trong hàng đợi
$("#complete").click(function(){
$("div").finish();
});
$("#stop").click(function(){
$("div").stop(true, true);
});
