Hiệu ứng jQuery - Ẩn và Hiển thị
Ẩn, Hiển thị, Chuyển đổi, Trượt, Làm mờ và Hoạt hình. Ồ!
Bấm để hiển thị/ẩn bảng điều khiển
Vì thời gian rất quý giá nên chúng tôi cung cấp việc học nhanh chóng và dễ dàng.
Tại W3Schools, bạn có thể học mọi thứ bạn cần học ở định dạng dễ tiếp cận và tiện dụng.
Ví dụ
jQuery ẩn()
Minh họa một phương thức jQuery Hide() đơn giản.
jQuery ẩn()
Một minh họa khác về ẩn(). Cách ẩn các phần của văn bản.
jQuery ẩn() và hiển thị()
Với jQuery, bạn có thể ẩn và hiển thị các phần tử HTML bằng các phương thức hide()
và show()
:
Ví dụ
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
Hãy tự mình thử »Cú pháp:
$( selector ).hide( speed,callback );
$( selector ).show( speed,callback );
Tham số tốc độ tùy chọn chỉ định tốc độ ẩn/hiển thị và có thể nhận các giá trị sau: "chậm", "nhanh" hoặc mili giây.
Tham số gọi lại tùy chọn là một hàm được thực thi sau khi phương thức hide()
hoặc show()
hoàn thành (bạn sẽ tìm hiểu thêm về các hàm gọi lại trong chương sau).
Ví dụ sau minh họa tham số tốc độ với hide()
:
Chuyển đổi jQuery()
Bạn cũng có thể chuyển đổi giữa ẩn và hiển thị một phần tử bằng phương thức toggle()
.
Các phần tử được hiển thị là các phần tử bị ẩn và các phần tử bị ẩn được hiển thị:
Cú pháp:
$( selector ).toggle( speed,callback );
Tham số tốc độ tùy chọn có thể nhận các giá trị sau: "chậm", "nhanh" hoặc mili giây.
Tham số gọi lại tùy chọn là một hàm được thực thi sau khi toggle()
hoàn thành.
bài tập jQuery
Tham khảo hiệu ứng jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các hiệu ứng jQuery, vui lòng truy cập Tài liệu tham khảo về hiệu ứng jQuery của chúng tôi.