jQuery Hide/Show gồm các hàm ẩn, hiện, và đảo trạng thái hiển thị của các phần tử được chỉ định. Bao gồm các hàm hide(), show() và toggle().
jQuery hide()
Phương thức jQuery đơn giản nhất để ẩn một phần tử.
Cú pháp:
$(selector).hide(speed, callback);Tham số speed:Là tùy chọn chỉ định tốc độ ẩn / hiển thị và có thể lấy các giá trị sau: “slow” – chậm, “fast” – nhanh hoặc mili giây.
Tham số callback:Là 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 tất.
$("button").click(function(){$("p").hide(1000);});
jQuery show()
Phương thức jQuery đơn giản nhất để hiện một phần tử đang bị ẩn.Cú pháp:
$(selector).show(speed, callback);Tham số speed:Là tùy chọn chỉ định tốc độ ẩn / hiển thị và có thể lấy các giá trị sau: “slow” – chậm, “fast” – nhanh hoặc mili giây.
Xem thêm: Download Phần Mềm Vshopplus, Phần Mềm Quản Lý Bán Hàng Miễn Phí Vshopplus
Tham số callback:Là 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 tất.
Ví dụVí dụ ẩn và hiển thị các phần tử HTML bằng các phương thức hide() và show():
$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});HTML :
Click chuột vào đây để ẩn phần tử
Click chuột vào đây để hiện phần tử
jQuery toggle()
Phương thức jQuery đơn giản nhất để đảo trạng thái ẩn hoặc hiện một phần tử.
Cú pháp:
$(selector).toggle(speed, callback);Tham số speed:Là tùy chọn chỉ định tốc độ ẩn / hiển thị và có thể lấy các giá trị sau: “slow” – chậm, “fast” – nhanh hoặc mili giây.
Tham số callback:Là 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 tất.
Ví dụ:
$("button").click(function(){$("p").toggle();});
Các trang web được Đại Phố thiết kế luôn mặc định các tính năng sau:
Mã nguồn được tối ưu với các công cụ tìm kiếm.Trang web hỗ trợ thiết bị di động, tương thích với mọi thiết bị: điện thoại, máy tính bảng, máy tính và laptop. Sử dụng công nghệ HTML5, CSS3 Mobile Responsive.Dễ dàng thay đổi theo phong cách riêng của bạn.Dễ dàng thêm bớt số lượng các trang, và chỉnh sửa nội hiển thị trên website tùy ýPhần quản trị rõ ràng, trực quan, dễ sử dụng với cả những người không chuyên về IT.Quản lí nội dung: có thể dễ dàng thêm, xóa, sửa các thông tin trên website
Thông tin sản phẩm và dịch vụ của công tyThông tin dự án, đối tác Giới thiệu – Liên hệThông tin giới thiệu, thông tin liên hệTin tứcHình ảnh trên website, sửa các tag alt, descriotion, captionHình ảnh và caption trên Slideshow
