jQuery hiệu ứng - Ẩn và hiển thị

Ẩn, hiển thị, chuyển đổi, trượt, mờ dần và hiện ra, và animation, wow!

Hiệu ứng演示

Nhấp vào đây để ẩn/hiện bảng điều khiển

Một giây vàng một tấc, vì vậy, chúng tôi cung cấp cho bạn nội dung học tập nhanh chóng và dễ hiểu.

Tại đây, bạn có thể dễ dàng tìm thấy bất kỳ kiến thức nào bạn cần.

Mô hình

jQuery hide()
Giới thiệu về phương thức jQuery hide() đơn giản.
jQuery hide()
Một演示 khác về hide(). Cách ẩn một phần văn bản.

jQuery hide() và show()

Bằng cách sử dụng jQuery, bạn có thể sử dụng phương thức hide() và show() để ẩn và hiển thị các phần tử HTML:

$("#hide").click(function(){
  $("p").hide();
});
$("#show").click(function(){
  $("p").show();
});

Thử ngay

Cú pháp:

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

Tùy chọn speed Tham số quy định tốc độ ẩn/hiện, có thể lấy các giá trị sau: "slow", "fast" hoặc miligam.

Tùy chọn callback Tham số là tên hàm được thực hiện sau khi ẩn hoặc hiển thị hoàn thành.

Dưới đây là ví dụ về việc sử dụng speed Phương thức tham số hide():

Mô hình

$("button").click(function(){
  $("p").hide(1000);
});

Thử ngay

jQuery toggle()

Bằng cách sử dụng jQuery, bạn có thể sử dụng phương thức toggle() để chuyển đổi giữa phương thức hide() và show().

Hiển thị các phần tử đã ẩn và ẩn các phần tử đã hiển thị:

Mô hình

$("button").click(function(){
  $("p").toggle();
});

Thử ngay

Cú pháp:

$(selector).toggle(speed,callback);

Tùy chọn speed Tham số quy định tốc độ ẩn/hiện, có thể lấy các giá trị sau: "slow", "fast" hoặc miligam.

Tùy chọn callback Tham số là tên hàm được thực hiện sau khi phương thức toggle() hoàn thành.

jQuery Hướng dẫn hiệu ứng

Nếu bạn muốn tra cứu toàn diện các hiệu ứng của jQuery, hãy truy cập trang web của chúng tôi jQuery Hướng dẫn hiệu ứng。