jQuery Effects - Ẩn và Hiện
Ẩn, Hiện, Chuyển đổi, Slide, Làm mờ và Tạo hoạt ảnh. wow!!!
Tại Book-code.com.vn, bạn có thể sẽ tìm thấy một điều gì đó
Ví dụ
Trình bày một phương thức jQuery hide() đơn giản.
Một trình diễn với phương thức jQuery hide() khác. Cách ẩn các phần của văn bản.
jQuery hide() và show()
Với jQuery, chúng ta có thể ẩn và hiển thị các phần tử HTML dễ dàng bằng các phương thức hide() và show().
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("#demo").hide();
});
$("#btn2").click(function() {
$("#demo").show();
});
});
Cú pháp
$(selector).hide(speed, callback);
$(selector).show(speed, callback);
Tham số speed tùy chọn chỉ định tốc độ ẩn / hiển thị và có thể nhận các giá trị sau: "slow", "fast" hoặc mili giây.
Tham số callback 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 (chúng ta sẽ tìm hiểu thêm về các hàm gọi lại trong các bài sau).
Ví dụ sau minh họa tham số speed với hide().
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("p").hide(1000);
});
});
jQuery toggle()
Chúng ta 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() này.
Phần tử được hiển thị là phần tử ẩn và phần tử bị ẩn sẽ được hiển thị.
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("p").toggle();
});
});
Cú pháp
$(selector).toggle(speed, callback)
Tham số speed là tùy chọn có thể nhận các giá trị sau: "slow", "fast" hoặc mili giây.
Tham số callback có tùy chọn là một hàm được thực thi sau khi phương thức toggle() hoàn thành.